@font-face {
    font-family: "NotoSansHans";
    src: url("../fonts/NotoSansHans-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OPPOSans;
    src: url("../fonts/OPPOSans-R-2.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: OPPOSans-H;
    src: url("../fonts/OPPOSans-H-2.ttf");
    font-weight: normal;
    font-style: normal;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
main {
    display: block;
    margin: 0;
    padding: 0;
}

*,
:before,
:after {
    box-sizing: border-box;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    width: auto;
    max-width: 100%;
}

ul,
dl,
li,
dt,
dd {
    list-style: none;
}

body,
html {
    min-height: 100%;
}

body {
    font-family: "NotoSansHans";
    font-size: 14px;
    line-height: 1.65;
    color: #333;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}

pre {
    font-family: "NotoSansHans";
    white-space: pre-wrap;
    word-wrap: break-word;
}

a {
    font-size: 14px;
    text-decoration: none;
    transition: ease 0.65s;
    color: #333;
    outline: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
    outline: none;
    font-family: "NotoSansHans";
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    background: none;
    transition: ease 0.45s;
}

input::-webkit-input-placeholder {
    color: #888888;
}

input:-moz-placeholder {
    color: #888888;
}

input::-moz-placeholder {
    color: #888888;
}

input:-ms-input-placeholder {
    color: #888888;
}

textarea {
    resize: none;
    overflow: hidden;
}

    textarea::-webkit-input-placeholder {
        color: #888888;
    }

    textarea:-moz-placeholder {
        color: #888888;
    }

    textarea::-moz-placeholder {
        color: #888888;
    }

    textarea:-ms-input-placeholder {
        color: #888888;
    }

select::-ms-expand {
    display: none;
}

i,
em {
    font-style: normal;
}

.linkA {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.pageC a:link,
.pageC a:visited {
    color: #333;
}

.pageC a:active,
.pageC a:hover {
    color: #00A2E9;
}

.pageC img {
    max-width: 100% !important;
    height: auto !important;
border-radius: 10px;
}

.transition6 {
    transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.scaleO:hover .imgw {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.scaleO2:hover .imgw {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.pos-ov {
    position: relative;
    overflow: hidden;
}

.fl,
.fl_warp {
    float: left;
}

.fr,
.fr_warp {
    float: right;
}

.z-container {
    width: 75vw;
    height: auto;
    clear: both;
    margin: 0 auto;
}

.z-container2 {
    width: 1200px;
    height: auto;
    clear: both;
    margin: 0 auto;
}

.z-container3 {
    width: 87.5%;
    height: auto;
    clear: both;
    margin: 0 auto;
}

.z-row {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0 auto;
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgbg {
    width: 100%;
    height: 100%;
    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgbgs {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.z_flex {
    display: flex;
    align-items: center;
}

.z_flex_ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.clear {
    clear: both;
}

*:before,
*:after {
    z-index: -1;
}

.z_public_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: url(../images/bgs.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    pointer-events: none;
}

.flwarp {
    float: left;
}

.frwarp {
    float: right;
}

.font32 {
    font-size: 1.66666vw;
}

.cursor {
    width: 2.6vw;
    height: 2.6vw;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    margin: -1.3vw 0 0 -1.3vw;
    z-index: 120;
    visibility: hidden;
}

    .cursor:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        border-radius: 50%;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.4);
        transition: all 0.4s cubic-bezier(0.3, 1.83, 0.49, 0.88);
    }

.cursor {
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference;
    display: none;
}

    .cursor.nav::before {
        transform: translate(-50%, -50%) scale(1);
    }

#bsWXBox {
    box-sizing: initial;
}

#bsBox {
    box-sizing: initial;
}

/* .swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;}
.swiper-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-fade .swiper-slide{opacity:0!important;}
.swiper-fade .swiper-slide-active{opacity:1!important;}

.swiper-container-vertical>.swiper-wrapper {flex-direction: column;}

.swiper-vertical>.swiper-wrapper {flex-direction: column;} */
.video_pop {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

    .video_pop .close_btn {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        background: url(https://www.cdbdata.cn/cdbdatacn/template//img/close2.png) no-repeat center;
        z-index: 100;
        cursor: pointer;
    }

#video {
    width: 100%;
    max-height: 100%;
}

.video_pop .warp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}

#zCode {
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -110px;
    margin-top: -122.5px;
    position: fixed;
    background: #fff;
    height: 245px;
    width: 220px;
    z-index: 3000;
    border-radius: 5px;
    border: 6px solid #7f7f7f;
    box-sizing: border-box;
}

    #zCode > h2 {
        color: #666;
        background: #f2f2f2;
        height: 24px;
        line-height: 24px;
        border-bottom: 1px solid #e8e8e8;
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

        #zCode > h2 > i {
            cursor: pointer;
            float: right;
            width: 24px;
            height: 24px;
            text-align: center;
        }

    #zCode > .ewm {
        width: 100%;
        height: 208px;
        padding: 20px;
        box-sizing: border-box;
    }

        #zCode > .ewm canvas {
            width: 100%;
            height: 100%;
        }

.rebox {
    cursor: pointer;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-filter: none !important;
    background: #000000;
    /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.6);
}

    .rebox * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

.rebox-contents {
    position: absolute;
    top: 5%;
    left: 5%;
    text-align: center;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rebox-contents .rebox-content {
        border-radius: 1px;
        max-width: 100%;
        max-height: 100%;
    }

.rebox-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 48%;
    left: 50%;
}

.rebox-caption {
    display: none;
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
}

    .rebox-caption p {
        margin: 0 auto;
        max-width: 70%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding: 10px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
    }

.rebox-button {
    position: absolute;
    z-index: 9999;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000000;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

    .rebox-button:hover,
    .rebox-button:focus {
        opacity: 1;
        background: #BF2E2E;
    }

.rebox-close {
    right: 10px;
    top: 10px;
    font-size: 30px;
}

.rebox-next {
    right: 10px;
    top: 48%;
}

.rebox-prev {
    left: 10px;
    top: 48%;
}

.rebox-loading {
    left: 50%;
    top: 48%;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.lazy {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    background-attachment: fixed;
}

.z_banner {
    height: 100vh;
    position: relative;
    background: #1a2ead;
}

    .z_banner .bd,
    .z_banner .bd li,
    .z_banner .bd li .img,
    .z_banner .bd li .show {
        width: 100%;
        overflow: hidden;
        height: 100%;
        position: relative;
    }

        .z_banner .bd li .img {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .z_banner .bd li .show {
            transform: scale(1.1);
            transition: ease 2s;
            opacity: 0.8;
        }

        .z_banner .bd li.swiper-slide-active .show,
        .zs_banner .bd li.swiper-slide-duplicate-active .show {
            transform: scale(1);
            opacity: 1;
        }

.z_swiper_hd li {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.z_banner_hd {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 2;
}

    .z_banner_hd li {
        margin-right: 10px;
    }

.z_swiper_hd li.on {
    background: #0072bc;
}

/* .z_banner .bd li.swiper-slide-active .z_banner_text,.z_banner .bd li.swiper-slide-duplicate-active .z_banner_text{transform: translateY(0%); opacity:1; transition-delay:.5s;} */
.z_banner .slide1 .z_banner_text {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 100%;
    transition: ease 1s;
}

    .z_banner .slide1 .z_banner_text img {
        display: block;
        margin: 0 auto;
        max-height: 13vw;
    }

.z_banner .slide2 .z_banner_text {
    position: absolute;
    left: 13.02083vw;
    top: 50%;
    transform: translateY(-50%);
}

    .z_banner .slide2 .z_banner_text img {
        max-height: 18.22916vw;
    }

.z_banner .slide3 .z_banner_text img {
    max-height: 10.05208vw;
}

.z_banner .slide2::before {
    content: "";
    display: block;
    animation: fades 2s linear infinite;
    width: 35vw;
    height: 35vw;
    transition: ease 2s;
    position: absolute;
    left: 10vw;
    top: 0;
    background: url(https://www.cdbdata.cn/cdbdatacn/template/upload/2022-04-02/164888581392553157d137fbeec2b257017fe940d2a56b0a.png) no-repeat top center;
    background-size: 100% auto;
    z-index: 2;
}

.z_banner .slide3 .z_banner_text {
    position: absolute;
    left: 10vw;
    top: 50%;
    transform: translateY(-50%);
    transition: ease 1s;
}

@keyframes fades {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.2;
    }
}

.z_banner .swiper-slide .z_banner_text {
    transition: ease 1.5s;
    transform: translateY(0%);
    transition-delay: 0.5s;
    opacity: 0;
}

.z_banner .swiper-slide-active .z_banner_text {
    transform: translateY(-50%) !important;
    opacity: 1;
}

body.fixed .z_header {
    transform: translateY(-100%);
    visibility: hidden;
}

.z_header {
    position: fixed;
    transition: all 1.5s;
    left: 0;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 5.2vw;
    padding-left: 10vw;
    padding-right: 2.6vw;
    box-sizing: border-box;
 

  background: rgba(255, 255, 255, .8) url(../images/jt.png) no-repeat left center;
    background-size: 35%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .z_header:hover {
        background: rgba(255, 255, 255, 1) url(../images/jt.png) no-repeat left top;
    background-size: 35%;
    }

/* .z_header.on{ background:#FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.z_header.on .z_header_nav li a,.z_header.on .z_header_sou{ color: #333333;} */
/* .z_header2{background:#00C9A1;} */
.z_header_fr {
    margin-left: auto;
}

.z_header_nav li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 2.5vw;
    height: 40px;
    line-height: 40px;
}

    .z_header_nav li a {
        color: #333333;
        font-size: 18px;
    }

        .z_header_nav li.current a,
        .z_header_nav li a:hover {
            color: #00C9A1;
        }

.z_header_sou {
    color: #333333;
    cursor: pointer;
}

.z_menu_mask.on .z_header_sou {
    color: #fff;
}


.z_logo {
    animation: fadeInLeft2 1.5s forwards;
}

    .z_logo img {
        display: block;
        height: 65px;
    }

.mr {
    margin-left: auto;
}

.z_menu_btn {
    width: 7.3vw;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    transition: ease 1s;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

    .z_menu_btn div {
        transform: rotate(90deg);
        cursor: pointer;
    }

    .z_menu_btn span {
        display: block;
        transition: ease 0.6s;
        width: 20px;
        height: 2px;
        background: #FFFFFF;
    }

    .z_menu_btn .line2 {
        margin: 3px 0;
    }

    .z_menu_btn.on .line1 {
        transform: translateY(5px) rotate(45deg);
    }

    .z_menu_btn.on .line3 {
        transform: translateY(-5px) rotate(-45deg);
    }

    .z_menu_btn.on .line2 {
        opacity: 0;
    }

    .z_menu_btn.on .z_menu_bg {
        transform: scale(1);
    }

    .z_menu_btn.on2 span {
        background: #333;
    }

    .z_menu_btn.hide {
        transform: translateX(-100%);
    }

.z_page_mask {
    width: 100%;
    height: 100%;
    transition: ease 1.5s;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    /* background: url(../images/mask.jpg) no-repeat center; */
    background: linear-gradient(155deg, #00C9A1, #2A6AB2);
    /* background-size: cover; */
    opacity: 0;
    visibility: hidden;
}

.z_menu_mask {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: ease 1.5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    padding-left: 10vw;
    padding-right: 2.6vw;
    box-sizing: border-box;
}

    /* .z_menu_mask::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../img/mask.png) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
 */
    .z_menu_mask.on,
    .z_page_mask.on {
        opacity: 1;
        visibility: visible;
        transform: translateX(0%);
    }

.waves {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    transition: all 2s;
    opacity: 0;
    transition-delay: 1.5s;
}

#mywaves {
    width: 100vw;
    height: 100vh;
}

.z_page_mask.on .waves {
    opacity: 1;
}

.z_menu_mask .z_index_tit {
    transition: ease 1.5s;
    transform: translateY(10%);
    opacity: 0;
}

.z_menu_mask.on .z_index_tit,
.z_menu_mask.on .z_menu_btm {
    transform: translateY(0);
    opacity: 1;
}

.z_index_tit {
    color: #fff;
}

    .z_index_tit .h3 {
        font-size: 2.5vw;
        font-weight: bold;
        line-height: 1.2;
    }

    .z_index_tit .dot {
        margin-top: 1vw;
    }

        .z_index_tit .dot em {
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
        }

        .z_index_tit .dot .d1 {
            background: rgba(255, 255, 255, 0.3);
            animation: dot1 2s linear infinite;
        }

.z_index_news .z_index_tit .dot .d1 {
    background: rgba(0, 201, 161, 0.3);
}

.z_index_tit .dot .d2 {
    background: rgba(255, 255, 255, 1);
    animation: dot2 2s linear infinite;
}

.z_index_news .z_index_tit .dot .d2 {
    background: rgba(0, 201, 161, 1);
}

.z_menu_mask.on .z_index_tit .h3 {
    background-position: 0 100%;
    opacity: 1;
}

.z_menu_mask .z_index_tit .h3 {
    background: linear-gradient(to right, #fff, #fff 50%, #2A6AB2 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
}

@keyframes dot1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(16px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes dot2 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-16px);
    }

    100% {
        transform: translateX(0px);
    }
}

.z_menu_btm {
    position: absolute;
    bottom: 4vw;
    left: 10vw;
    transition: ease 1.5s;
    transform: translateY(4vw);
    opacity: 0;
}

.z_share a.iconfont {
    color: #fff;
    font-size: 20px;
    margin-right: 1.6vw;
    cursor: pointer;
}

.z_menu_desc {
    line-height: 25px;
}

.z_menu_nav {
    width: 40vw;
    color: #fff;
}

    .z_menu_nav li {
        float: left;
        margin-bottom: 5vw;
        width: 33.3%;
        transition: ease 1.5s;
        transform: translateX(2vw);
        opacity: 0;
    }

        .z_menu_nav li a {
            display: block;
            color: #fff;
            font-size: 18px;
            line-height: 30px;
            position: relative;
        }

        .z_menu_nav li .downnav a {
            color: rgba(255, 255, 255, .65);
        }

            .z_menu_nav li .downnav a:hover {
                color: rgba(255, 255, 255, 1);
            }

        .z_menu_nav li h3 a {
            font-size: 1.25vw;
            font-weight: bold;
        }

        .z_menu_nav li h3 {
            margin-bottom: 20px;
        }

.z_menu_head {
    height: 5.2vw;
    margin-bottom: 8vw;
}

.z_menu_nav li a::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: ease 1s;
    opacity: 0;
}

.z_menu_nav li a:hover::before {
    transform: translate(-15px, -50%);
    opacity: 1;
}

.z_read_more {
    position: absolute;
    right: 2.6vw;
    bottom: 0;
    padding-bottom: 5vw;
    -webkit-writing-mode: vertical-rl;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-transform: uppercase;
}

    .z_read_more::before {
        content: "";
        display: block;
        width: 1px;
        height: 4vw;
        background: #00C9A1;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }

.z_menu_mask.on .z_menu_nav li {
    transform: translateX(0);
    opacity: 1;
}

/* .z_header_sou:hover .z_search_pop{ opacity: 1; visibility: visible; transform: translateY(0);} */
.z_search_pop {
    position: fixed;
    left: 0;
    top: 0vw;
    transition: ease 1s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    justify-content: center;
    z-index: 12;
    height: 100%;
}

.z_search_box {
    border-radius: 10px;
    overflow: hidden;
    transition: ease 1s;
    transform: translateY(200px);
    transition-delay: 1s;
}

    .z_search_box .text {
        width: 400px;
        height: 50px;
        font-size: 16px;
        padding: 0 20px;
        box-sizing: border-box;
        background: #fff;
    }

    .z_search_box .z_sou {
        height: 50px;
        width: 80px;
        display: block;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background: #00C9A1;
        font-size: 16px;
    }

.z_search_pop.on {
    opacity: 1;
    visibility: visible;
}

    .z_search_pop.on .z_search_box {
        transform: translateY(0);
    }

.z_search_close {
    height: 5.2vw;
    position: absolute;
    right: 2.6vw;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 5.2vw;
    font-size: 20px !important;
    font-weight: bold;
    cursor: pointer;
}

.z_index_jt {
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00C9A1;
}

.z_dwimg_box {
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: -2;
    position: absolute;
    left: 0;
    top: 0;
}

    .z_dwimg_box .imgbgs img {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        max-width: none;
    }

    .z_dwimg_box .imgbgs {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        transition: ease 2s;
        transform-origin: top center;
    }

        .z_dwimg_box .imgbgs:nth-child(1) {
            z-index: 3;
        }

        .z_dwimg_box .imgbgs:nth-child(2) {
            z-index: 2;
        }

        .z_dwimg_box .imgbgs:nth-child(3) {
            z-index: 1;
        }

        /* ; }
.z_dwimg_box .imgbgs img{ display: block;position: absolute; left: 0; top: 0; height: 100%;}

 */
        .z_dwimg_box .imgbgs.on {
            height: 0;
            overflow: hidden;
            z-index: 5 !important;
        }

        .z_dwimg_box .imgbgs.on2 {
            height: 100%;
            z-index: -1;
        }

.z_index_tit.center {
    text-align: center;
}

.z_dwcon_box {
    width: 28vw;
    margin-top: 6vw;
    position: relative;
    height: 28vw;
    color: #fff;
    text-align: center;
    background: url(../images/cir.png) no-repeat center;
    background-size: 100% 100%;
}


    .z_dwcon_box li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .z_dwcon_box .tit {
        font-size: 1.8vw;
        font-weight: bold;
        opacity: 0;
        transition: ease 1s;
        letter-spacing: 2px;
    }

.z_sm_swiper .swiper-slide-active .tit,
.z_sm_swiper .swiper-slide-active .desc {
    transform: translateY(0%);
    opacity: 1;
}

.z_dwcon_box .desc {
    width: 25vw;
    margin: .8vw auto 1.2vw auto;
    line-height: 2vw;
    opacity: 0;
    transition: ease 1s;
    transition-delay: 0.5s;
}

    .z_dwcon_box .desc a {
        color: rgba(255, 255, 255, .5);
        font-size: 1.04vw;
    }

        .z_dwcon_box .desc a:hover {
            color: rgba(255, 255, 255, 1);
        }

.z_dwcon_box .img img {
    animation: dwimg 2s infinite;
    max-height: 11.45833vw;
}

.z_dwbg {
    z-index: 4;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

    .z_dwbg.on {
        opacity: 1;
    }

@keyframes dwimg {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(16px);
    }

    100% {
        transform: translateY(0px);
    }
}

.z_stimg_swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .z_stimg_swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        transform: translate3d(0, 0, 0);
        background: #012c9d;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .z_stimg_swiper .slide-inner {
        position: absolute;
        transform: translate3d(0, 0, 0);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color: #fff;
    }

.slide-inner .imgbg {
    transition: ease 2s;
    transform: scale(1.1, 1.1);
}

.swiper-slide-active .imgbg {
    transform: scale(1, 1);
}

.z_cirle_warps {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.z_index_more,
.z_other_more {
    display: flex;
    align-items: center;
    font-family: Arial;
    z-index: 1;
    white-space: nowrap;
    width: 152px;
    position: relative;
    text-align: left;
    height: 36px;
    line-height: 36px;
    color: #fff;
}

    .z_index_more::after,
    .z_other_more::after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        left: 0%;
        bottom: 0;
        height: 0px;
        background: #fff;
        transition: ease 1s;
    }

    .z_index_more .icon {
        margin-left: auto;
        transition: ease 1s;
        width: 56px;
        height: 36px;
        background: url(../images/arr.png) no-repeat center;
    }

    .z_index_more::before,
    .z_other_more::before {
        content: "";
        transition: ease 1s;
        border-radius: 0 50% 50% 50%;
        display: block;
        width: 56px;
        height: 56px;
        background: #00C9A1;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .z_index_more:hover::before {
        width: 100px;
        height: 100px;
        transform: translate(-30px, -50%);
    }

    .z_index_more:hover {
        text-align: center;
        padding-left: 35px;
        transform-origin: center;
    }

        .z_index_more:hover .icon {
            transform: translateX(-100%);
            opacity: 0;
        }

        .z_index_more:hover::after {
            width: 0;
            left: 50%;
        }

    .z_other_more::before {
        transform: translate(0, -50%) scale(0, 0);
    }

    .z_other_more::after {
        background: #fff;
    }

    .z_other_more .iconfont {
        width: 56px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #00C9A1;
        display: inline-block;
        margin-left: auto;
    }

.z_other_more {
    color: #333;
}

    .z_other_more:hover::before {
        transform: translate(0, -50%) scale(1, 1);
    }

    .z_other_more:hover .iconfont {
        color: #fff;
    }

.z_dwcon_box .z_index_more {
    margin: 0 auto;
}

.z_cirle_box {
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    transition: ease 2s;
    position: absolute;
    left: 0;
    top: 0;
}

.z_sm_swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.z_dwcon_box .icon {
    position: absolute;
    cursor: pointer;
    z-index: 3;
    pointer-events: auto;
    width: 90px;
    height: 90px;
    padding: 1.2vw;
    transition: ease 1s;
    background: #fff;
    /* background: linear-gradient(155deg, #00C9A1, #2A6AB2); */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.z_cirle_box .icon1 {
    top: -33px;
    left: 50%;
    margin-left: -53px;
}

.z_cirle_box .icon2 {
    top: 70%;
    margin-left: 0px;
    left: 0;
}

    .z_cirle_box .icon2.on {
        transform: rotate(120deg);
    }

.z_cirle_box .icon3 {
    top: 70%;
    margin-right: 0px;
    right: 0;
}

.z_dwcon_box .icon:hover {
    transform: rotate(360deg);
}

.z_index_sm {
    width: 100%;
    height: 90vh;
    overflow: hidden;
    padding-top: 6vw;
    position: relative;
    z-index: 1;
}

    .z_index_sm .desc {
        width: 1200px;
        font-size: 18px;
        margin: 0 auto;
        text-align: left;    text-indent: 2em;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 30px;
    }

    .z_index_sm .z_index_tit .dot,
    .z_index_st .z_index_tit .dot {
        margin: 2vw auto;
        margin-top: 1.5vw;
    }

.z_sm_icon {
    padding-left: 7.3vw;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    left: 0vw;
    bottom: 0;
    z-index: 1;
}

    .z_sm_icon li {
        width: 16.666%;
        float: left;
        position: relative;
        transition: all 1s;
        color: #fff;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        height: 23vw;
    }

        .z_sm_icon li h3 {
            font-size: 1.25vw;
            margin: 1vw 0;
        }

        .z_sm_icon li .icon .iconfont {
            font-size: 52px;
        }

        /* .z_sm_icon li .icon {
  width: 3.375vw;
  height: 3.375vw;
  border-radius: 100px;
  background: rgba(255, 255, 255, .6);
  color: #00C9A1;
  font-size: 26px;
  text-align: center;
  line-height: 3.375vw;
  margin: 0 auto;
} */

        .z_sm_icon li .icon img {
            display: block;
            margin: 0 auto;
            max-height: 4.375vw;
        }

        .z_sm_icon li .line {
            display: block;
            width: 30px;
            height: 1px;
            background: #F6F6F6;
            margin: 0 auto;
        }

        .z_sm_icon li .desc {
            width: 56%;
            font-size: 16px;
            font-weight: normal;
            height: 96px;
            transform: translateY(96px);
            line-height: 24px;
            margin-top: 1vw;
            transition: ease 1s;
            opacity: 0;
        }

            .z_sm_icon li .desc a {
                color: rgba(255, 255, 255, .5);
                transition: all .5s;
                font-size: 1.04vw;
                line-height: 2vw;
            }


        .z_sm_icon li .con {
            transition: ease 1s;
            transform: translateY(2.5vw);
        }

        .z_sm_icon li:hover .con,
        .z_sm_icon li:hover .desc {
            transform: translateY(0);
            opacity: 1;
            display: block;
        }

            .z_sm_icon li:hover .desc a {
            }

        .z_sm_icon li:last-child {
            border-right: none;
        }

        .z_sm_icon li::before {
            content: '';
            display: block;
            transition: all 1s;
            width: 100%;
            height: 0%;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/zz.png) no-repeat center;
            background-size: cover;
        }

        .z_sm_icon li:nth-child(2)::before {
            top: auto;
            bottom: 0;
        }

        .z_sm_icon li:hover::before {
            height: 100%;
        }

.z_sm_swiper .z_other_more {
    color: #fff;
    margin: 0 auto;
}

    .z_sm_swiper .z_other_more .iconfont {
        color: #fff;
    }

.z_index_st {
    padding: 7.5vw 7.3vw 11vw 7.3vw;
    padding-right: 5.2vw;
    box-sizing: border-box;
    position: relative;
}

    .z_index_st .desc {
        width: 1200px;
        text-align: left;
text-indent: 2em;
        margin: 0 auto;
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 30px;
    }

    .z_index_st .z_dq_img {
        left: 36%;
        top: 3vw;
        animation: none;
    }

.z_diqiu_img {
    width: 40vw;
    height: 40vw;
    background: url(../images/dq.png) no-repeat right center;
    background-size: auto 100%;
    position: absolute;
    left: 30vw;
    top: 3vw;
}

.z_st_swiper {
    margin-top: 4vw;
    height: calc(17vw + 10px);
}

    .z_st_swiper li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .z_st_swiper li {
        height: 17.5vw;
        text-align: center;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

        .z_st_swiper li .imgbg {
            background: rgba(255, 255, 255, .7);
        }

        .z_st_swiper li .infobox {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            /* color: #fff; */
            /* background: rgba(0, 0, 0, 0.4); */
        }

        .z_st_swiper li .icon {
            display: block;
            margin: 0 auto;
            height: 4.5vw;
        }

        .z_st_swiper li h3 {
            font-weight: bold;
            font-size: 18px;
            margin: 10px 0;
        }

        .z_st_swiper li .line {
            width: 58px;
            height: 1px;
            background: #00C9A1;
            margin: 0 auto;
        }

        .z_st_swiper li h4 {
            margin-top: 10px;
            height: 20px;
            line-height: 20px;
            opacity: 0;
            transform: translateY(50px);
            transition: ease 1s;
        }

        .z_st_swiper li .con {
            transform: translateY(1vw);
            transition: ease 1s;
        }

        .z_st_swiper li:hover h4,
        .z_st_swiper li:hover .con {
            transform: translateY(0);
            opacity: 1;
        }

        .z_st_swiper li:hover .imgbg {
            transform: scale(1.05, 1.05);
            background: rgba(255, 255, 255, 1);
        }

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.z_st_swiper .swiper-scrollbar {
    width: 390px;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
    overflow: hidden;
    border-radius: 2px;
    margin: 0 auto;
    position: relative;
    display: block !important;
    margin-top: 4.5vw;
}

.z_st_swiper .swiper-scrollbar-drag {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
}

.z_index_news {
    padding-left: 7.3vw;
    box-sizing: border-box;
    position: relative;
    /*background: #fafafa url(../images/jt3.jpg) no-repeat left bottom;
background-size: 32%;*/
background: url(../images/bg009.jpg) no-repeat center bottom fixed;

}

    .z_index_news::before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 7.3vw;
        top: 0;
        background: #eee;
        margin-left: -1px;
    }

.z_news_head {
    padding: 6vw 3vw;
    padding-bottom: 3vw;
    box-sizing: border-box;
    align-items: flex-start;
}

    .z_news_head .z_index_tit {
        color: #333;
        text-align: left;
    }

        .z_news_head .z_index_tit .dot {
            margin: 0;
            margin-top: 1vw;
        }

    .z_news_head .z_index_more {
        color: #333;
    }

        .z_news_head .z_index_more::after {
            background: #cacaca;
        }

        .z_news_head .z_index_more:hover {
            color: #fff;
        }

/* .z_news_head .z_other_more .iconfont{ color: #00C9A1;} */
.z_news_swiper {
    border-top: 1px solid #eee;
    overflow: hidden;
}

    .z_news_swiper li {
        position: relative;
    }

        .z_news_swiper li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 2.5vw ;
            box-sizing: border-box;
        }

        .z_news_swiper li .time {
            font-size: 14px;
            font-family: Arial;
            color: #888888; margin-bottom: 10px;

        }

            .z_news_swiper li .time .iconfont {
                color: #00C9A1;
                margin-right: 5px;
            }

        .z_news_swiper li h3 {
            font-size: 20px;
            font-weight: 500;
            color: #333333;
            line-height: 30px;
           
        }

        .z_news_swiper li .bq {
            display: inline-block;
            transition: ease 1s;
            min-width: 96px;
            height: 36px;
            text-align: center;
            line-height: 36px;
            color: #888888;
            background: rgba(18, 12, 232, 0);
            border: 1px solid #ccc;
            border-radius: 18px;
        }

        .z_news_swiper li .imgbox {
            width: 100%;
            height: 17.70833vw;
            margin: 2vw 0;
            margin-bottom: 1vw;
            overflow: hidden;
        }

        .z_news_swiper li:hover .imgbg {
            transform: scale(1.04, 1.04);
        }

    .z_news_swiper li {
        border-right: 1px solid #eee;
    }

        .z_news_swiper li:last-child {
            border-right: none;
        }

        .z_news_swiper li::before {
            content: "";
            z-index: 1;
            display: block;
            width: 0%;
            height: 2px;
            background: #00C9A1;
            position: absolute;
            left: 0;
            top: 0;
            transition: ease 0.2s;
        }

        .z_news_swiper li:hover::before {
            width: 100%;
        }

        .z_news_swiper li::after {
            content: "";
            z-index: 1;
            display: block;
            width: 0%;
            height: 2px;
            background: #00C9A1;
            position: absolute;
            right: 0;
            bottom: 0;
            transition: ease 0.2s;
            transition-delay: 0.4s;
        }

        .z_news_swiper li:hover::after {
            width: 100%;
        }

        .z_news_swiper li a::before {
            content: "";
            z-index: 1;
            display: block;
            width: 2px;
            height: 0;
            background: #00C9A1;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: ease 0.2s;
            transition-delay: 0.6s;
        }

        .z_news_swiper li:hover a::before {
            height: 100%;
        }

        .z_news_swiper li a::after {
            content: "";
            z-index: 1;
            display: block;
            width: 2px;
            height: 0;
            background: #00C9A1;
            position: absolute;
            right: 0;
            top: 0;
            transition: ease 0.2s;
            transition-delay: 0.2s;
        }

        .z_news_swiper li:hover a::after {
            height: 100%;
        }

        .z_news_swiper li:hover .bq {
            background: linear-gradient(155deg, #00C9A1, #2A6AB2);
            border-color: #00C9A1;
            color: #fff;
        }.z_news_swiper li:hover
{background:#fff;}


    .z_news_swiper .swiper-wrapper {
        height: auto;
    }

    .z_news_swiper li a img {
        border-radius: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

.z_footer {
    background: #091C3D;
    color: #97a3af;
    padding: 1vw 2.6vw;
    z-index: -1;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.threeCanvas {
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: -10%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

#myfooter {
    z-index: -1;
    display: none;
}

    #myfooter canvas {
        width: 100%;
        height: 100%;
        opacity: 0.8;
    }


.z_footer a {
    color: #97a3af;
}

.z_footer_link {
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 3vw 0 1vw 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

    .z_footer_link a {
        color: #97a3af;
        display: inline-block;
        margin: 0 10px;
    }

.z_footer_copy {
    display: flex;
    justify-content: center;
}

.z_footer_link span {
    color: #97a3af;
    font-size: 10px;
}

.z_footer_link a:hover,
.z_footer_nav a:hover,
.z_footer a:hover {
    color: #fff;
}

.z_footer_top {
    align-items: flex-start;
    padding: 2vw 0;
    justify-content: space-between;
}

.z_footer_nav li {
    display: inline-block;
    vertical-align: top;
    margin-left: 6.5vw;
}

.z_footer_nav a {
    display: block;
    color: #97a3af;
    line-height: 24px;
}

.z_footer_nav h3 a {
    color: #fff;
    font-size: 16px;
}

.z_footer_nav h3 {
    margin-bottom: 15px;
    font-weight: normal;
}

.z_footer_btm {
    align-items: flex-end;
}

.z_footer_share a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 1vw !important;
    line-height: 36px;
    text-align: center;
    color: #111112;
    background: #888888;
    border-radius: 50%;
}

    .z_footer_share a:hover {
        background: #00C9A1 !important;
        color: #fff;
    }

.z_footer_btm .frwarp {
    text-align: right;
}

.z_footer_code {
    display: inline-block;
    text-align: center;
}

    .z_footer_code h3 {
        font-weight: normal;
        font-size: 100%;
    }

    .z_footer_code .imgbox {
        width: 8vw;
        height: 8vw;
        margin: 1vw 0 .5vw 0;
    }

.z_fl_sm {
    margin-top: 1vw;
}

    .z_fl_sm a {
        display: inline-block;
        padding: 0 5px;
    }

        .z_fl_sm a:last-child {
            padding-right: 0;
        }

/* .z_footer_copy{ margin-top: 1vw;} */
.z_footer_copy .mr {
    display: none;
}

.z_footer_copy .ac {
    margin-left: auto;
}

.z_other_banner {
    height: 100vh;
    position: relative;
    background: #00C9A1;
    overflow: hidden;
}


    .z_other_banner .imgbg {
        animation: zoombig 3s forwards;
    }

.z_white_page {
    background: #fff;
    position: relative;
}

.z_banner_img {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
}

.z_other_banner2,
.z_other_banner2 .z_banner_img {
    height: 80vh;
}

.z_other_text {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10vw;
    box-sizing: border-box;
    color: #fff;
}

    .z_other_text h3 {
        font-size: 3.125vw;
        display: inline-block;
        font-weight: bold;
        line-height: 3vw;
        transition: transform 1.5s, background-position 1.5s ease;
        background: linear-gradient(to right, #fff, #fff 50%, #00C9A1 50%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 100%;
        text-decoration: none;
        overflow: hidden;
        transition-delay: 0.5s;
    }

    .z_other_text h4 {
        font-size: 1.25vw;
        margin: 20px 0;
        font-weight: 100;
    }

    .z_other_text h5 {
        font-size: 16px;
    }

.z_index_tit .h3 {
    display: inline-block;
    transition: transform 1.5s, background-position 1.5s ease;
    background: linear-gradient(to right, #333, #333 50%, #00C9A1 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    text-decoration: none;
    overflow: hidden;
    transition-delay: 0.5s;
}

.z_index_tit2 .h3 {
    background: linear-gradient(to right, #fff, #fff 50%, #00C9A1 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    text-decoration: none;
    overflow: hidden;
    transition-delay: 0.5s;
}

.z_index_tit4 .h3 {
    background: linear-gradient(to right, #fff, #fff 50%, #00C9A1 50%);
    background-size: 200% 100%;
    background-position: 100%;
    background-clip: text;
    -webkit-background-clip: text;
}

.z_index_tit {
    z-index: 1;
}

    .z_other_text h3.animated,
    .z_index_tit.animated .h3 {
        background-position: 0 100%;
        opacity: 1;
    }

@keyframes zoombig {
    0% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.z_dot {
    margin-top: 1vw;
}

    .z_dot em {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

    .z_dot .d1 {
        background: rgba(255, 255, 255, 0.3);
        animation: dot1 2s linear infinite;
    }

    .z_dot .d2 {
        background: rgba(0, 201, 161, 1);
        animation: dot2 2s linear infinite;
    }

    .z_dot.white .d2 {
        background: #fff;
    }

.z_other_text .z_dot {
    margin-top: 1vw;
}

.z_page_nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: calc(100% - 7.3vw);
}

    .z_page_nav ul {
        display: flex;
        width: 100%;
    }

    .z_page_nav li {
        line-height: 5vw;
        position: relative;
        transition: ease 1s;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        flex: 1;
    }

        .z_page_nav li:last-child {
            border-right: none;
        }

        .z_page_nav li a {
            color: #fff;
            display: block;
            font-size: 20px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .z_page_nav li a .iconfont {
                font-size: 24px;
                vertical-align: middle;
                margin-right: 5px;
            }

        .z_page_nav li em {
            display: inline-block;
            width: 33px;
            height: 33px;
            line-height: 33px;
            text-align: center;
            margin-right: 25px;
            position: relative;
        }

            .z_page_nav li em::before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                border: 1px solid rgba(255, 255, 255, 0.3);
                transform: rotate(45deg);
                transition: all 1s;
            }

        .z_page_nav li:hover em::before {
            background: #00C9A1;
            border-color: #00C9A1;
            transform: rotate(135deg);
        }

        /* .z_page_nav li::before{ content: ""; display: block; width: 100%; height: 100%;background:url(../img/bg4.png) no-repeat center; transition: ease 1s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(2,2); opacity: 0;}
.z_page_nav li:hover::before{ opacity: 1;transform: translate(-50%,-50%) scale(1,1);}
 */
        .z_page_nav li::before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0px;
            height: 1px;
            background: #00C9A1;
            transition: ease 1s;
        }

        .z_page_nav li.active::before,
        .z_page_nav li:hover::before {
            width: 100%;
        }

        .z_page_nav li.active em::before {
            background: #00C9A1;
            border-color: #00C9A1;
        }

        .z_page_nav li.active {
            background: url(../images/bg4.png) no-repeat center;
            background-size: cover;
        }

.z_about_page {
    position: relative;
    z-index: 1;
    padding: 8vw 0;
    background-size: 100% auto;
    background-position: top center;
    background-color: #00C9A1;
}

.z_about_warp {
    text-align: center;
}

    .z_about_warp .z_dot {
        margin-top: 2vw;
    }

    .z_about_warp .conwarp {
        width: 751px;
        margin: 0 auto;
        margin-top: 2vw;
    }

    .z_about_warp .con {
        padding-right: 5vw;
        margin-right: -5vw;
        max-height: 288px;
        overflow-y: auto;
        color: #fff;
        line-height: 24px;
        font-size: 16px;
        text-align: left;
        text-align: justify;
    }

        .z_about_warp .con::-webkit-scrollbar {
            width: 3px;
            height: 3px;
            position: absolute;
            right: -5vw;
            top: 0;
        }

        .z_about_warp .con::-webkit-scrollbar-button:vertical {
            display: none;
        }

        .z_about_warp .con::-webkit-scrollbar-track:vertical {
            background-color: rgba(255, 255, 255, 0.3);
        }

        .z_about_warp .con::-webkit-scrollbar-track-piece {
            background: rgba(255, 255, 255, 0.3);
        }

        .z_about_warp .con::-webkit-scrollbar-thumb:vertical {
            background-color: #fff;
            border-radius: 30px;
        }

            .z_about_warp .con::-webkit-scrollbar-thumb:vertical:hover {
                background-color: #3B3B3B;
            }

        .z_about_warp .con::-webkit-scrollbar-corner:vertical {
            background-color: #535353;
        }

        .z_about_warp .con::-webkit-scrollbar-resizer:vertical {
            background-color: #FF6E00;
        }

.z_about_num {
    margin-top: 8vw;
}

    .z_about_num ul {
        display: flex;
        width: 1340px;
        margin: 0 auto;
        justify-content: space-between;
        color: #fff;
    }

    .z_about_num .timer {
        font-size: 3.125vw;
        font-family: Arial;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        margin-right: 10px;
    }

    .z_about_num li h3 {
        font-size: 1.5625vw;
        font-family: Arial;
        font-weight: bold;
        min-width: 8vw;
    }

.z_about_sm {
    padding: 5vw 0;
    background-size: 100% auto;
    background-position: top center;
    background-color: #00C9A1;
    min-height: 42.875vw;
}

    .z_about_sm .desc {
        text-align: center;
        color: #fff;
        font-size: 1.875vw;
        line-height: 2.5vw;
        margin-top: 1vw;
    }

    .z_about_sm .z_dot {
        margin-top: 2vw;
    }

.z_about_gj {
    background-position: top center;
    padding-top: 18vw;
    background-repeat: repeat-x;
    min-height: 100vh;
    margin-top: -18vw;
    position: relative;
    z-index: 2;
}

.z_about_gj {
    text-align: center;
}

    .z_about_gj .z_index_tit {
        text-align: center;
        color: #333;
    }

    .z_about_gj img {
        display: block;
        margin: 0 auto;
        margin-top: 1vw;
    }

.z_about_honor {
    padding: 7vw 0;
}

    .z_about_honor .z_index_tit {
        color: #333;
    }

.z_honor_swiper {
    width: 900px;
    margin: 0 auto;
    margin-top: 6vw;
    padding-bottom: 10vw;
}

    .z_honor_swiper li {
        opacity: 0.8 !important;
    }

        .z_honor_swiper li .warp {
            height: 228px;
            transition: ease 1s;
            background: #FFFFFF;
            box-shadow: 3px 17px 21px 0px rgba(0, 0, 0, 0.04);
            display: flex;
            align-items: flex-start;
            padding: 2vw;
            box-sizing: border-box;
        }

        .z_honor_swiper li .z_year {
            width: 200px;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            font-size: 24px;
        }

        .z_honor_swiper li .z_year2 {
            position: absolute;
            left: 10px;
            bottom: 10px;
            transform: scale(0.8);
            transform-origin: left center;
        }

        .z_honor_swiper li .con {
            font-size: 16px;
            color: #666666;
            line-height: 24px;
            height: 144px;
            overflow-y: auto;
        }

        .z_honor_swiper li .iconfont {
            font-size: 22px;
            font-weight: bold;
            margin-right: 10px;
        }

    /* .z_honor_swiper li:nth-child(2) .warp{ margin-top: 2.5vw; transform: scale(.95,.95); }
.z_honor_swiper li:nth-child(3) .warp{ margin-top: 5vw; transform: scale(.9,.9); }
 */
    /* .z_honor_swiper li.swiper-slide-next .warp{margin-top: 2.5vw; transform: scale(.95,.95); } */
    /* .z_honor_swiper li.swiper-slide-active .warp{ margin-top: 0; transform: scale(1,1);}
 */
    /* .z_honor_swiper li:nth-child(2) .warp{ margin-top: 2.5vw; transform: scale(.95,.95); }
  .z_honor_swiper li:nth-child(3) .warp{ margin-top: 5vw; transform: scale(.9,.9);  }

  .z_honor_swiper li:nth-child(3){z-index: -1;}
 .z_honor_swiper li.swiper-slide-active .warp{ margin-top: 0; transform: scale(1,1);}
 .z_honor_swiper li.swiper-slide-active{ z-index: 999!important;} */
    .z_honor_swiper.swiper-fade .swiper-slide {
        opacity: 1 !important;
    }

    .z_honor_swiper li .warp {
        transition: ease 1.5s;
    }

    .z_honor_swiper li.swiper-slide-next .warp {
        transform: translateY(50px) scale(0.95);
    }

    .z_honor_swiper li.swiper-slide-prev .warp {
        transform: translateY(50px) scale(0.95);
    }

    .z_honor_swiper.swipe-fade .swiper-slide-active {
        opacity: 1 !important;
    }

    .z_honor_swiper.swiper-fade .swiper-slide-active .warp {
        transform: translateY(0) scale(1);
    }

    .z_honor_swiper li.swiper-slide-active .z_year2 {
        opacity: 0;
    }

.z_honor_warp .btn {
    width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: block;
    text-align: center;
    line-height: 54px;
}

.z_honor_warp {
    position: relative;
}

    .z_honor_warp .swiper-button-prev {
        position: absolute;
        left: 10vw;
        top: 20%;
    }

    .z_honor_warp .swiper-button-next {
        position: absolute;
        right: 10vw;
        top: 20%;
    }

/* 招聘 */
.z_zp_ln {
    background: linear-gradient(155deg, #00C9A1, #2A6AB2);
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 3vw 10vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

    .z_zp_ln .descbox {
        width: 45%;
        color: #fff;
    }

    .z_zp_ln .z_index_tit .h3 {
        position: relative;
    }

        .z_zp_ln .z_index_tit .h3::before {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: rgba(0, 255, 255, 0);
            border: 3px solid #FFFFFF;
            border-radius: 50%;
            position: absolute;
            left: -22px;
            top: 50%;
            transform: translateY(-50%);
        }

    .z_zp_ln .desc {
        margin-top: 2.5vw;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 30px;
    }

    .z_zp_ln .imgbox {
        width: 30.625vw;
        height: 30.625vw;
        position: relative;
        margin-left: auto;
        flex-shrink: 0;
        padding: 3.2vw;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.z_circle_box {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    animation: animtrans 50s linear infinite;
}

    .z_circle_box em {
        position: absolute;
        border-radius: 50%;
    }

    .z_circle_box .dot1 {
        width: 60px;
        height: 60px;
        background: #00C9A1;
        left: -30px;
        top: 40%;
    }

    .z_circle_box .dot2 {
        width: 44px;
        height: 44px;
        background: #7557D6;
        right: 14%;
        top: 10%;
    }

    .z_circle_box .dot3 {
        width: 18px;
        height: 18px;
        background: #6EADFD;
        left: 37%;
        bottom: 0%;
    }

.z_zp_ln .imgbox .imgbg {
    border-radius: 50%;
    overflow: hidden;
    animation: animtran 50s linear infinite;
}

@keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }

    to {
        transform: rotateZ(0deg);
    }
}

.z_zp_img {
    position: absolute;
    left: 0;
    bottom: -6%;
    width: 50%;
}

#particles-js {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    pointer-events: none;
}

.sideMenu {
    width: 1200px;
    margin: 0 auto;
}

/* { display: block; width: 25%; font-size: 18px; font-weight: bold; margin-bottom: 30px; float: left;} */
.rc_box .tit {
    color: #444444;
    cursor: pointer;
    position: relative;
    padding: 16px 0;
}

.zp_tit,
.rc_box .tit {
    cursor: pointer;
    transition: all 0.6s;
    z-index: 1;
    box-sizing: border-box;
}

.rc_box .tit {
    display: flex;
}

.rc_box:nth-child(odd) .tit {
    background: #fafafa;
}

.rc_box .tit span,
.zp_tit span {
    display: block;
    font-size: 16px;
    padding: 0 1vw;
    box-sizing: border-box;
    width: 20%;
    float: left;
}

    .rc_box .tit span:nth-child(2),
    .zp_tit span:nth-child(2) {
        width: 12%;
    }

.zp_tit {
    line-height: 72px;
    background: rgba(0, 201, 161, 1);
    color: #fff;
}

.rc_box .rc_con {
    width: 100%;
    padding: 2vw;
    box-sizing: border-box;
    background: #fafafa;
    display: none;
    border-top: none;
}

.rc_box .tit.on {
    background: rgba(0, 201, 161, .15);
    /* color: #fff; */
}

    .rc_box .tit.on::before {
        background-image: url(../images/jian.png);
    }

.rc_box .rc_con h4 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 40px;
    color: #000;
}

.rc_box .rc_con .boxcon {
    color: #7F7F7F;
    line-height: 30px;
    box-sizing: border-box;
    color: #7f7f7f;
}

.rc_box .tit::before {
    content: "";
    display: block;
    width: 70px;
    height: 100%;
    background: url(../images/jia.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
}

.aply_btn {
    width: 154px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00C9A1;
    margin-top: 2vw;
    font-size: 16px;
    line-height: 48px;
    border-radius: 0 14px 0 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    .aply_btn img {
        margin-left: 10px;
    }

.rc_box {
    border-bottom: 1px solid rgba(0, 201, 161, .2);
}

.aply_pop {
    width: 560px;
    height: 280px;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 7px 0 46px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    display: none;
    z-index: 999;
}

    .aply_pop h3 {
        height: 66px;
        line-height: 66px;
        text-align: center;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 25px;
        font-size: 24px;
    }

    .aply_pop .uploadbtn {
        display: inline-block;
        width: 100px;
        height: 33x;
        text-align: center;
        line-height: 33px;
        color: #333;
        color: #fff;
        border-radius: 4px;
        background: #00C9A1;
        position: relative;
        overflow: hidden;
    }

        .aply_pop .uploadbtn input {
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            right: 0;
            opacity: 0;
        }

    .aply_pop p {
        color: #7f7f7f;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .aply_pop .btn_group span {
        display: inline-block;
        cursor: pointer;
        width: 100px;
        height: 33px;
        background: #c6c6c6;
        border: none;
        color: #fff;
        border-radius: 3px;
        line-height: 33px;
    }

    .aply_pop .btn_group .surebtn {
        background: #00C9A1;
    }

    .aply_pop .closebtn {
        width: 27px;
        height: 27px;
        background: url(https://www.cdbdata.cn/cdbdatacn/template/img/close.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
    }

.z_zw_warp {
    padding: 6vw 0;
    background: #F5F5F6 url(../images/bg02.png) no-repeat center bottom;
}

    .z_zw_warp .z_all_tit,
    .z_zw_warp .z_tit_desc {
        text-align: center;
    }

    .z_zw_warp .z_tit_desc {
        margin-top: 2vw;
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        line-height: 30px;
    }

    .z_zw_warp .imgbox {
        width: 1200px;
        margin: 3vw auto;
    }

        .z_zw_warp .imgbox img {
            display: block;
            width: 100%;
        }

.z_pages_bar {
    text-align: center;
    margin-top: 4vw;
}

    .z_pages_bar a {
        display: inline-block;
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 18px;
        font-family: Arial;
        border-radius: 50%;
    }

    .z_pages_bar .btn {
        width: auto;
        padding: 0 20px;
    }

    .z_pages_bar a.active,
    .z_pages_bar a:hover {
        background: #00C9A1;
        color: #fff;
    }

    .z_pages_bar .btn:hover {
        color: #00C9A1;
        background: none;
    }

.z_index_scorll {
    height: 190vh;
}

.sticky-container {
    -webkit-transition: 0.9s opacity 0.5s;
    transition: 0.9s opacity 0.5s;
    min-height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    width: 100%;
    overflow: hidden;
}

.z_index_scorll .sticky-container {
    top: 0vw;
}

.animatable-image {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    overflow: hidden;
}

.z_scroll_banner {
    transform: scale(2, 2);
}

/* 新闻资讯 */
.z_news_page {
    background: #F5F5F6 url(../images/bg02.png) no-repeat center bottom;
    padding: 6vw 0;
}

.z_news_list,
.z_zb_list {
    width: 79.16666vw;
    margin: 0 auto;
}

    .z_news_list li {
        position: relative;
        margin-bottom: 25px;
        transition: all .5s;
    }

        .z_news_list li a {
            display: flex;
            background: #fff;
            align-items: center;justify-content: space-between;
            position: relative;
            border-radius: 10px;
        }

        .z_news_list li .infobox {
            padding: 2.2vw 2.5vw;
            box-sizing: border-box;
        }

        .z_news_list li h3 {
            font-size: 20px;
            font-weight: 500;
            color: #333333;
            line-height: 30px;
            margin-bottom: 15px;
        }

        .z_news_list li h4 {
            color: #999;
            font-size: 15px;
            line-height: 30px;
            font-weight: 100;
        }

        .z_news_list li .z_other_more {
            margin-top: 40px;
        }

    .z_news_list .timebox {
        flex-shrink: 0;
        width: 190px;
        transition: all 1s;
        font-size: 16px;
        font-weight: bold;
        font-family: Arial;
        border-left: 1px solid #EBEBEB;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .z_news_list .timebox .iconfont {
            font-size: 20px;
            color: #D4D4D4;
            margin-bottom: 10px;
            display: block;
        }

    .z_news_list .day {
        display: block;
        font-size: 2.5vw;
    }

    .z_news_list .zd {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #E22D2D;
        border-radius: 0 0 10px 0;
        color: #FFFFFF;
        padding: 5px 10px;
        line-height: 1.2;
    }

    .z_news_list li:hover .z_other_more::before {
        transform: translate(0, -50%) scale(1, 1);
    }

    .z_news_list li:hover .z_other_more .iconfont {
        color: #fff;
    }

    .z_news_list li::before,
    .z_zb_list li::before,
    .z_hxxq_page .icon_list li::before {
        content: "";
        display: block;
        width: 0;
        height: 2px;
        z-index: 1;
        background: #00C9A1;
        transition: all 2s;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .z_news_list li:hover::before,
    .z_zb_list li:hover::before,
    .z_hxxq_page .icon_list li:hover::before {
        width: 100%;
    }

    .z_news_list li:hover .timebox {
        color: #00C9A1;
    }

    .z_news_list li:hover {
        box-shadow: 0 5px 15px rgba(0, 201, 161, 0.1);
    }

/* 新闻详情 */
.z_xq_page {
    background-color: #fff;
    /***background-image: url(../images/bg11.png);***/
    background-position: left top;
    background-size: 40% auto;
    background-repeat: no-repeat;
    padding-top: 5.2vw;
    padding-bottom: 1px;
    position: relative;
}

.z_xw_flwarp {
    width: 60.4%;
    padding: 3vw 6.77083vw 4.5vw 10vw;
    box-sizing: border-box;
}

    .z_xw_flwarp .bq {
        display: inline-block;
       width:auto;
padding: 0 15px;
        color: #888888;
        margin-bottom: 15px;
        text-align: center;
        line-height: 36px;
        height: 36px;
        border: 1px solid #00C9A1;
        border-radius: 18px;
    }

    .z_xw_flwarp .time {
        font-size: 16px;
        font-family: Arial;
        font-weight: 400;
        color: #666666;
    }

    .z_xw_flwarp .tit {
        font-size: 1.8vw;
        font-weight: bold;
        color: #1D1D1F;
        line-height: 2.2vw;
        margin: 1.5vw 0;

    }

    .z_xw_flwarp .desc {
        font-size: 18px;
        font-weight: 500;
        color: #666666;
        line-height: 24px;
    }

.z_xq_share {
    margin: 2vw 0;
}

    .z_xq_share a {
        display: inline-block;
        cursor: pointer;
        font-size: 20px;
        color: #6E6E73;
        margin-right: 10px;
    }

        .z_xq_share a:hover {
            color: #00C9A1;
        }

.z_artic_con {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

    .z_artic_con img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 10px;
        margin: 15px 0;
    }

.z_xwxq_page::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #DADADA;
    position: absolute;
    left: 60.4%;
    top: 0;
    z-index: 1;
}

.z_xw_frwarp {
    width: 39.6%;
    padding: 4.5vw 10vw 4.5vw 6.77083vw;
    box-sizing: border-box;
    background: url(../images/bg11.png) no-repeat left top;
background-size: cover;    position: fixed;
    right: 0;
}

.z_xg_tit {
    font-size: 1.25vw;
    font-weight: bold;
    color: #00C9A1;
    line-height: 1.25vw;
    margin-bottom: 30px;
}

.z_xg_list li .imgbox {
    width: 100%;
    height: 15vw;
    margin-bottom: 1.5vw;
    overflow: hidden;
}

.z_xg_list li .time {
    font-size: 14px;
    font-family: Arial;
    font-weight: 400;
    color: #888888;
}

    .z_xg_list li .time .iconfont {
        margin-right: 5px;
    }

.z_xg_list li h3 {
    font-size: 1.04vw;
    font-weight: 500;
    color: #333333;
    line-height: 1.5625vw;
    margin-top: 10px;
}

.z_xg_list li {
    margin-bottom: 2.15vw;
}

    .z_xg_list li:hover .imgbg {
        transform: scale(1.02, 1.02);
    }

    .z_xg_list li:hover h3 {
        color: #00C9A1;
    }

.z_csbg {
    pointer-events: none;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .z_csbg::before {
        content: "";
        display: block;
        transform-origin: right bottom;
        width: 100%;
        height: 100%;
        animation: prompt 8s linear infinite;
        animation-delay: 4s;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(../images/bg11.png) no-repeat top left;
    }

/* .z_csbg::after,.z_search_pop::after{content: ""; display:block; transform-origin: left top; width: 100%; height: 100%; animation: prompt 8s linear infinite; position: absolute; right: 0; bottom: 0; background: url(../img/bg6.png) no-repeat left top;} */
@-webkit-keyframes prompt {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        transform: scale(2, 2);
        opacity: 0;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.z_zb_list li {
    width: 48.5%;
    float: left;
    position: relative;
    margin-bottom: 2vw;
    background: #fff;
    padding: 2.4vw;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 5px 15px rgba(0, 201, 161, 0.1);
    border-radius: 10px;
}

    .z_zb_list li .z_flex {
        align-items: flex-start;
    }

    .z_zb_list li:nth-child(even) {
        float: right;
    }

.z_dangqun_list li:nth-child(even) {
    float: left;
}

.z_zb_list li .timebox {
    width: 100px;
    text-align: center;
    padding: 10px;
    margin-right: 2.2vw;
    box-sizing: border-box;
    background: rgba(0, 102, 217, 0);
    border: 1px solid #00C9A1;
    border-radius: 10px;
    flex-shrink: 0;
    transition: ease 1s;
}

.z_zb_list li span {
    border-bottom: 1px solid #E5E5E5;
    display: block;
    padding: 6px 0;
    padding-top: 0;
    margin-bottom: 10px;
}

.z_zb_list li .day {
    display: block;
    font-size: 24px;
}

.z_zb_list li h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    height: 90px;
}


.z_zb_list li h4 {
    color: #888888;
    line-height: 24px;
    height: 72px;
    margin: 2vw 0;
}



.z_dangqun_list li {
    display: inherit;
    width: 32%;
    margin-right: 2%;
}

    .z_dangqun_list li:nth-child(3n) {
        margin-right: 0;
    }

    .z_dangqun_list li .timebox {
        width: 100%;
        margin: 0;
        padding-bottom: 6px;
    }

        .z_dangqun_list li .timebox img {
            border-radius: 10px;
        }

    .z_dangqun_list li h3 {
        height: 60px;
        margin: .5vw 0;
    }

    .z_dangqun_list li h4 {
        height: auto;
        margin: 0;
        color: #999;
        font-size: 15px;
        line-height: 30px;
        font-weight: 100;
    }

    .z_dangqun_list li h5 {
        font-size: 14px;
        color: #999;
        margin-top: 1.2vw;
    }

        .z_dangqun_list li h5 .iconfont {
            font-size: 16px;
            margin-right: 5px;
        }

.z_zb_list .iconbar {
    text-align: left;
}

    .z_zb_list .iconbar a {
        display: inline-block;
        margin-right: 1vw;
        font-size: 16px;
        color: #999;
    }

        .z_zb_list .iconbar a .iconfont {
            color: #00c9a1;
            font-size: 18px;
            margin-right: 5px;
        }

    .z_zb_list .iconbar .icon {
        width: 62px;
        margin: 0 auto;
        transition: ease 1s;
        height: 62px;
        overflow: hidden;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #F7F7F7;
    }

        .z_zb_list .iconbar .icon img {
            filter: drop-shadow(62px 0px 0 #fff);
        }

    .z_zb_list .iconbar a:hover img {
        transform: translateX(-62px);
    }

    .z_zb_list .iconbar a:hover .icon {
        background: #00C9A1;
    }

    .z_zb_list .iconbar a:hover {
        color: #00C9A1;
    }

.z_zb_list li:hover .timebox {
    background: #00C9A1;
    color: #FFFFFF;
}

    .z_zb_list li:hover .timebox span {
        border-color: #fff;
    }

.z_zb_xq {
    width: 79.16666vw;
    margin: 4.5vw auto;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}

    .z_zb_xq .flwarp {
        width: 33%;
        padding-top: 4vw;
        padding-right: 4vw;
        box-sizing: border-box;
    }

        .z_zb_xq .flwarp .titbox {
            background: url(../images/bg12.jpg) no-repeat center;
            background-size: cover;
            color: #fff;
            padding: 2vw;
            box-sizing: border-box;
        }

            .z_zb_xq .flwarp .titbox .tit {
                border-top: 1px solid #fff;
                font-size: 1.25vw;
                font-weight: 400;
                color: #FFFFFF;
                line-height: 1.5625vw;
                padding: 1vw 0;
                margin-bottom: 1vw;
            }

    .z_zb_xq .frwarp {
        width: 67%;
        padding-top: 4vw;
        padding-left: 4vw;
        border-left: 1px solid #D8D8D8;
        box-sizing: border-box;
    }

        .z_zb_xq .frwarp .descbox {
            color: #666666;
            line-height: 24px;
            padding-bottom: 3vw;
            border-bottom: 1px solid #D8D8D8;
            margin-bottom: 3vw;
        }

        .z_zb_xq .frwarp .tit {
            font-size: 1.25vw;
            font-weight: bold;
            margin-bottom: 2vw;
            color: #333;
        }

        .z_zb_xq .frwarp .conbox {
            color: #666;
            font-size: 18px;
            line-height: 28px;
        }

.z_down_btn {
    width: 174px;
    height: 54px;
    margin: 3vw 0;
    background: #00C9A1;
    border-radius: 0 10px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

    .z_down_btn img {
        margin-right: 10px;
    }

.z_dj_head {
    font-size: 1.875vw;
    font-weight: bold;
    margin-bottom: 3vw;
}

.z_jj_btn {
    width: 174px;
    height: 54px;
    background: #DB1818;
    border-radius: 0 10px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.z_dj_list .imgbox {
    width: 350px;
    height: 237px;
    overflow: hidden;
    flex-shrink: 0;
}

.z_dj_list li a {
    height: 340px;
}

.z_dj_list li .timebox {
    height: 340px;
    align-items: flex-start;
    padding-top: 50px;
    box-sizing: border-box;
    margin-right: 3vw;
}

.z_dj_list .z_other_more .iconfont {
    color: #DB1818;
}

.z_dj_list li::before {
    background: #DB1818;
}

.z_dj_list li .z_other_more::before {
    background: #DB1818;
}

.z_dj_list li:hover .timebox {
    color: #DB1818;
}

.z_dj_list li:hover .imgbg {
    transform: scale(1.1, 1.1);
}

.z_hxxq_page {
    position: relative;
    padding-top: 10vw;
    background: #fff;
    padding-bottom: 2vw;
    z-index: 1;
}

    .z_hxxq_page #particles-js {
        height: 43.75vw;
    }

    .z_hxxq_page::before {
        content: "";
        display: block;
        width: 100%;
        height: 43.75vw;
        background: #00C9A1;
        position: absolute;
        left: 0;
        top: 0;
    }

    .z_hxxq_page .z-container {
        width: 79.16666vw;
        margin: 0 auto;
    }

.z_hx_bq {
    min-width: 96px;
    display: inline-block;
    text-align: center;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: rgba(18, 12, 232, 0);
    border: 1px solid rgba(232, 235, 241, 0.9);
    border-radius: 18px;
}

.z_hxxq_page .text {
    font-size: 2.5vw;
    color: #fff;
}

.z_hxxq_page .z_other_more::before {
    background: rgba(255, 255, 255, 0.5);
}

.z_hxxq_page .z_other_more,
.z_hxxq_page .z_other_more .iconfont {
    margin-left: auto;
    color: #fff;
}

.z_hxxq_page .z_other_more {
    flex-shrink: 0;
}

.z_hxxq_page .titbar {
    margin: 30px 0;
}

.z_hxxq_page .z_share a {
    color: #9EAEFF;
    margin-right: 15px;
    font-size: 18px;
}

    .z_hxxq_page .z_share a:hover {
        color: #fff;
    }

.z_hxxq_page .imgbox {
    margin: 4vw 0;
}

    .z_hxxq_page .imgbox img {
        display: block;
        margin: 0 auto;
    }

.z_hxxq_page .conbox .tit {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 2vw;
}

.z_hxxq_page .conbox .desc {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}

    .z_hxxq_page .conbox .desc img {
        max-width: 100% !important;
        height: auto !important;
    }

.z_hxxq_page .icon_list {
    margin: 4vw 0;
}

    .z_hxxq_page .icon_list ul {
        margin-left: -1%;
    }

    .z_hxxq_page .icon_list li {
        width: 24%;
        float: left;
        margin-bottom: 20px;
        margin-left: 1%;
        border: 1px solid #D6D6D6;
        position: relative;
    }

        .z_hxxq_page .icon_list li a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 8.85416vw;
            font-size: 1.25vw;
            font-weight: bold;
        }

        .z_hxxq_page .icon_list li img {
            display: block;
            height: 3.75vw;
            margin-right: 1vw;
            transition: ease 2s;
        }

        .z_hxxq_page .icon_list li:hover img {
            transform: rotate(360deg);
        }

.z_dq_img {
    position: absolute;
    left: 24.21875vw;
    top: 7.8125vw;
    width: 33.59375vw;
    z-index: -1;
    animation: animtran 30s linear infinite;
}

.z_contact_page {
    width: 79.16666vw;
    background: #fff;
    margin: 0 auto;
    padding: 8vw 0;
}

    .z_contact_page .z_index_tit {
        color: #333;
        margin-bottom: 3.5vw;
    }

        .z_contact_page .z_index_tit .d1 {
            background: #00C9A1;
            opacity: 0.5;
        }

.z_contact_warp {
    border: 1px solid #D1D1D1;
    display: flex;
}

    .z_contact_warp .box {
        width: 33.3%;
        float: left;
        padding: 2.6vw;
        box-sizing: border-box;
        border-right: 1px solid #D1D1D1;
    }

        .z_contact_warp .box:last-child {
            border-right: none;
        }

    .z_contact_warp h3 {
        font-size: 1.25vw;
        font-weight: bold;
        margin-bottom: 2vw;
    }

    .z_contact_warp .icon {
        width: 7.29166vw;
        height: 7.29166vw;
        margin: 0 auto;
        display: flex;
        align-items: center;
        z-index: 1;
        justify-content: center;
        position: relative;
    }

        .z_contact_warp .icon::before {
            content: "";
            display: block;
            animation: animtran 10s linear infinite;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url(../images/dbx.png) no-repeat center;
            background-size: auto 100%;
        }

    .z_contact_warp .iconbox {
        position: relative;
        z-index: 1;
        width: 11.14583vw;
        margin: 0 auto;
        padding-bottom: 3vw;
        margin-bottom: 2vw;
    }

        .z_contact_warp .iconbox::before {
            content: "";
            display: block;
            animation: yd 2s linear infinite;
            width: 11.14583vw;
            height: 7.13541vw;
            background: url(../images/dbx2.png);
            background-size: 100% 100%;
            position: absolute;
            left: 0;
            bottom: 0;
        }

@-webkit-keyframes yd {
    0% {
        transform: translateY(0);
        opacity: 0.7;
    }

    50% {
        transform: translateY(-8px);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
        opacity: 0.7;
    }
}

.z_contact_warp .descp {
    color: #666666;
    margin-bottom: 15px;
}

    .z_contact_warp .descp span {
        display: block;
        font-size: 1.35416vw;
        font-family: Arial;
        font-weight: bold;
        color: #111112;
    }

.center {
    text-align: center;
}

.z_hx_nav {
    text-align: center;
    margin-top: 3vw;
}

    .z_hx_nav a {
        display: inline-block;
        font-size: 1.05vw;
        position: relative;
        overflow: hidden;
        color: #fff;
        margin: 0 14px;
        min-width: 14.625vw;
        padding: 0 15px;
        height: 3.6458vw;
        line-height: 3.6458vw;
        background: rgba(0, 113, 227, 0);
        border: 1px solid #FFFFFF;
        border-radius: 43px;
    }

        .z_hx_nav a:hover,
        .z_hx_nav a.active {
            border-color: #00C9A1;
        }

        .z_hx_nav a::before,
        .z_hx_nav a::after {
            background: url(../images/bg4.png) no-repeat center;
            background-size: cover;
            position: absolute;
            top: 50%;
            top: 0\9;
            content: '';
            width: 20px;
            height: 20px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all 1s;
            transition: all 1s;
            opacity: 0.5;
        }

        .z_hx_nav a::before {
            left: -30px;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .z_hx_nav a::after {
            right: -30px;
            -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
        }

        .z_hx_nav a:hover::before,
        .z_hx_nav a.active::before {
            -webkit-animation: criss-cross-left 0.8s both;
            animation: criss-cross-left 1s both;
            width: 375px\9;
            height: 375px\9;
            opacity: 1;
        }

        .z_hx_nav a:hover::after,
        .z_hx_nav a.active::after {
            -webkit-animation: criss-cross-right 0.8s both;
            animation: criss-cross-right 1s both;
            width: 375px\9;
            height: 375px\9;
            opacity: 1;
        }

.btn12 span {
    position: relative;
    z-index: 1;
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -30px;
    }

    50% {
        left: 50%;
        width: 30px;
        height: 30px;
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 30px;
        height: 30px;
    }

    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -30px;
    }

    50% {
        right: 50%;
        width: 30px;
        height: 30px;
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -30px;
    }

    50% {
        right: 50%;
        width: 30px;
        height: 30px;
    }

    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}

.z_hx_dc {
    padding: 5.98958vw 0;
    text-align: center;
}

    .z_hx_dc .z-container {
        width: 1235px;
    }

    .z_hx_dc .z_index_tit {
        color: #333;
        margin-bottom: 1.8vw;
    }

.black {
    color: #333;
}

.z_hx_dc .desc1 {
    font-size: 18px;
    font-weight: bold;
    color: #1E1E1E;
    line-height: 24px;
    width: 745px;
    margin: 0 auto;
}

.z_hx_dc .desc2 {
    width: 819px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 2vw;
}

.z_hx_dc .imgbox img {
    display: block;
    margin: 0 auto;
}

.z_hx_cx {
    background: #F8F9FA;
    padding: 5.2vw 0;
}

    .z_hx_cx .z_index_tit .desc {
        font-size: 16px;
        margin-top: 1.5vw;
        font-weight: 400;
        color: #333333;
    }

.z_dic_box {
    justify-content: center;
    padding: 2.6vw;
    box-sizing: border-box;
    overflow: hidden;
}

    .z_dic_box img {
        display: block;
        height: 430px;
    }

    .z_dic_box .fc {
        margin: 0 10px;
    }

        .z_dic_box .fc .img1 {
            height: 176px;
            margin-bottom: 9px;
        }

        .z_dic_box .fc .img2 {
            height: 245px;
        }

.z_cx_warp {
    position: relative;
    z-index: 1;
}

    .z_cx_warp::before {
        content: "";
        display: block;
        width: 100%;
        height: 51px;
        background: url(../images/line.png) repeat-x bottom left;
        background-size: auto 100%;
        position: absolute;
        left: 0;
        bottom: 50%;
    }

.z_cx_siwper {
    width: 1365px;
    margin: 0 auto;
    height: 540px;
    margin-top: 4vw;
}

    .z_cx_siwper .conwarp {
        height: 270px;
        border-left: 1px solid #bcbcbc;
        padding: 0 35px;
        position: relative;
    }

    .z_cx_siwper li .h3 {
        font-size: 18px;
        font-weight: bold;
        color: #00C9A1;
        line-height: 24px;
    }

    .z_cx_siwper li .desc {
        color: #666666;
        line-height: 20px;
        width: 17.70833vw;
        margin-top: 15px;
        max-height: 140px;
        overflow-y: auto;
    }

    .z_cx_siwper li:nth-child(even) .conwarp {
        margin-top: 270px;
        display: flex;
        align-items: flex-end;
    }

    .z_cx_siwper li .dot {
        width: 12px;
        height: 12px;
        background: #bcbcbc;
        border-radius: 50%;
        position: absolute;
        left: -6px;
        top: -6px;
    }

    .z_cx_siwper li:nth-child(even) .dot {
        top: auto;
        bottom: -6px;
    }

    .z_cx_siwper li .dot::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #bcbcbc;
        opacity: 0.3;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        z-index: -1;
        animation: consult linear 1.5s infinite;
    }

@keyframes consult {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(3);
    }
}

.z_hx_js {
    position: relative;
    z-index: 1;
    padding: 5vw 0;
}

.z_jsbg {
    height: 45vw;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.z_js_warp {
    width: 79.16666vw;
    background: #fff;
    padding: 4vw 7vw;
}

.z_hx_js .z_index_tit2 .desc {
    font-size: 18px;
    margin-top: 1.5vw;
}

.z_hx_js .z_index_tit {
    margin-bottom: 4.5vw;
}

.z_js_warp .tit {
    font-size: 1.875vw;
    font-weight: bold;
    margin-bottom: 1.5vw;
    text-align: center;
}

.z_js_warp .desc {
    width: 832px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin: 0 auto;
}

.z_js_warp .imgbox {
    margin-top: 3.5vw;
}

    .z_js_warp .imgbox img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

.z_js_box {
    width: 100%;
    height: 29.6875vw;
    position: relative;
    margin-top: 5vw;
}

    .z_js_box .infobox {
        position: absolute;
        left: 3.6vw;
        top: 50%;
        transform: translateY(-50%);
        width: 344px;
        color: #fff;
    }

    .z_js_box h3 {
        font-size: 1.875vw;
        font-weight: bold;
    }

    .z_js_box h4 {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px;
        margin-top: 1vw;
    }

.z_hx_page {
    background: #f8f9fa;
    padding-bottom: 1px;
}

.z_hx_contaniner {
    width: 1244px;
    margin: 0 auto;
}

.z_hx_cg .desc {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 2.5vw 0;
}

.z_hx_cg .imgbox {
    padding: 30px;
    box-sizing: border-box;
    background-size: 100% 100%;
    overflow: hidden;
}

    .z_hx_cg .imgbox img {
        display: block;
    }

.z_hx_pt {
    padding: 100px 0;
}

    .z_hx_pt .tit {
        font-size: 1.875vw;
        font-weight: bold;
        margin-bottom: 50px;
    }

    .z_hx_pt .flwarp {
        width: 43%;
        height: 330px;
    }

.z_sj_list {
    width: 50%;
}

    .z_sj_list li {
        width: 46%;
        float: left;
        height: 165px;
        border-top: 1px solid #333333;
        padding-top: 20px;
        color: #666666;
    }

        .z_sj_list li:nth-child(even) {
            float: right;
        }

        .z_sj_list li h3 {
            font-family: Arial;
            font-weight: bold;
            margin-top: 10px;
            font-size: 18px;
            color: #333;
        }

        .z_sj_list li .timer {
            font-size: 1.875vw;
        }

.z_pt_icon {
    margin-top: 4.5vw;
}

    .z_pt_icon ul {
        display: flex;
        justify-content: space-between;
        text-align: center;
    }

    .z_pt_icon li h3 {
        font-size: 18px;
        margin-top: 20px;
    }

    .z_pt_icon img {
        display: block;
        margin: 0 auto;
        height: 5.2vw;
        animation: yd 2s linear infinite;
    }

.z_cj_swiper {
    margin: 5vw auto;
    width: 1235px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0vw;
    padding: 0;
    z-index: 1;
}

    .z_cj_swiper li {
        /* display: flex; */
        width: 80%;
        /* height: 460px; */
        opacity: 0.34;
        /* background: #FFFFFF;
  border: 0px solid #000000; */
        /* align-items: center; */
        /* background: #fff; */
        /* padding: 1vw 4vw; */
        /* box-sizing: border-box; */
        border-radius: 10px;
        text-align: center;
        position: relative;
    }

        .z_cj_swiper li .infobox {
            /* flex-shrink: 0; */
           /* position: absolute;
            left: 0;
            bottom: 30px;*/
            width: 100%;
            text-align: center;
            z-index: 99;
        }

        .z_cj_swiper li h3 {
            font-size: 18px;
            font-weight: bold;
  margin-top: 10px;
         
        }

        .z_cj_swiper li .desc {
            font-size: 16px;
            margin-top: 1.5vw;
        }


        .z_cj_swiper li .imgbox {
            margin: 0 auto;
        }

            .z_cj_swiper li .imgbox img {
                width: 100%;
                border-radius: 10px;
            }

        .z_cj_swiper li.swiper-slide-active {
            opacity: 1;
            z-index: 9;
            /* box-shadow: 0px 15px 20px 0px rgba(133, 144, 181, 0.15); */
        }

.z_hx_cj {
    margin-top: 3vw;
}

.z_hx_fswarp {
    background: #F2F3F7;
    padding: 7vw 0;
}

    .z_hx_fswarp .z_index_tit .desc {
        width: 764px;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 400;
        color: #333333;
        line-height: 24px;
        margin-top: 1.5vw;
    }

.z_hx_map {
    width: 55.21875vw;
    margin: 4vw 0 0 25.4375vw;
    position: relative;
}

    .z_hx_map img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .z_hx_map .circle {
        display: block;
        width: 15.10416vw;
        height: 15.10416vw;
        z-index: 1;
        position: absolute;
        left: 14.79166vw;
        top: 16.4vw;
        background: #00C9A1;
        border: 0px solid #000000;
        opacity: 0.1;
        border-radius: 50%;
    }

        .z_hx_map .circle::before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            background: #00C9A1;
            opacity: 0.3;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50%;
            z-index: -1;
            animation: consult2 linear 2.5s infinite;
        }

    .z_hx_map .mapdot {
        position: absolute;
        left: 0;
        top: 0;
        animation: yd2 2s linear infinite;
    }

@-webkit-keyframes yd2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes consult2 {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
    }
}

.z_map_num {
    position: absolute;
    left: 10vw;
    top: 50%;
    transform: translateY(-50%);
}

    .z_map_num li {
        margin-top: 5vw;
    }

        .z_map_num li:first-child {
            margin-top: 0;
        }

        .z_map_num li h3 {
            font-size: 18px;
            font-family: Arial;
            font-weight: bold;
            color: #00C9A1;
            line-height: 1.5;
        }

        .z_map_num li .timer {
            font-size: 2.5vw;
        }

        .z_map_num li h4 {
            font-size: 16px;
        }

.z_map_box {
    position: absolute;
    right: 4.5vw;
    top: 0;
}

    .z_map_box .box {
        width: 356px;
        font-weight: 500;
        margin: 0 0 40px;
        border: 1px dashed #CFD3E6;
        border-radius: 10px;
        padding: 1vw 1.5vw;
        box-sizing: border-box;
        background-color: #FFFFFF;
    }

        .z_map_box .box .tit {
            font-size: 18px;
            font-family: NotoSansHans;
            font-weight: bold;
            color: #00C9A1;
            border-bottom: 1px dashed #CFD3E6;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        .z_map_box .box .desc {
            color: #666666;
            line-height: 1.5;
            font-size: 16px;
        }

.z_hx_stbj {
    background: url(../images/bg15.jpg) no-repeat center;
    background-size: cover;
    padding: 6vw 0;
}

.z_stbj_swiper {
    width: 79.16666vw;
    margin: 0 auto;
    height: 680px;
    margin-top: 6vw;
    overflow: hidden;
    position: relative;
}

    .z_stbj_swiper ul {
        display: flex;
        align-items: flex-end;
    }

    .z_stbj_swiper li {
        background: #fff;
        padding: 40px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        width: 32.8%;
    }

        .z_stbj_swiper li .imgbox {
            width: 100%;
            display: flex;
            align-items: center;
            height: 268px;
            justify-content: center;
        }

        .z_stbj_swiper li img {
            animation: yd 2s linear infinite;
        }

        .z_stbj_swiper li .tit {
            font-size: 1.25vw;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .z_stbj_swiper li .desc {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 20px;
            min-height: 66px;
        }

        .z_stbj_swiper li:nth-child(2) {
            left: 33.3%;
        }

        .z_stbj_swiper li:nth-child(3) {
            right: 0;
        }

    .z_stbj_swiper .stli {
        line-height: 24px;
        font-size: 16px;
        max-height: 0;
        overflow: hidden;
        transition: ease 2s;
    }

        .z_stbj_swiper .stli p {
            position: relative;
            padding-left: 10px;
        }

            .z_stbj_swiper .stli p::before {
                content: "";
                display: block;
                width: 5px;
                height: 5px;
                background: #00C9A1;
                z-index: 1;
                border: 0px solid #000000;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

    .z_stbj_swiper li.on .stli {
        max-height: 500px;
    }

.z_hx_case {
    padding: 6vw 0;
}

    .z_hx_case .z_index_tit .desc,
    .z_hx_zr .z_index_tit .desc {
        text-align: center;
        color: #333;
        font-size: 16px;
        margin-top: 1.5vw;
    }

    .z_hx_case .z-container {
        width: 1140px;
        margin: 0 auto;
        margin-top: 4vw;
    }

.z_case_box {
    margin-bottom: 16px;
}

    .z_case_box .flwarp {
        width: 49.2%;
        height: 528px;
        position: relative;
        overflow: hidden;
    }

    .z_case_box .tit {
        position: absolute;
        left: 0;
        z-index: 2;
        width: 100%;
        bottom: 0;
        padding: 15px 20px;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 24px;
        color: #fff;
    }

    .z_case_box a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .z_case_box a::before {
            content: "";
            display: block;
            width: 100%;
            z-index: 1;
            pointer-events: none;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: url(../images/mask3.png) no-repeat bottom center;
            background-size: 100% auto;
        }

    .z_case_box .frwarp {
        width: 49.2%;
    }

        .z_case_box .frwarp .box {
            width: 100%;
            height: 256px;
            margin-bottom: 16px;
        }

            .z_case_box .frwarp .box:last-child {
                margin-bottom: 0;
            }

    .z_case_box a:hover .imgbg {
        transform: scale(1.05, 1.05);
    }

    .z_case_box:nth-child(even) .flwarp {
        float: right;
    }

    .z_case_box:nth-child(even) .frwarp {
        float: left;
    }

.z_hx_zr {
    padding-bottom: 6vw;
}

.z_zr_swiper {
    width: 79.16666vw;
    margin: 0 auto;
    margin-top: 2.2vw;
    overflow: hidden;
}

    .z_zr_swiper li {
        height: 18.22916vw;
        position: relative;
    }

        .z_zr_swiper li::before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            background: url(../images/mask3.png) no-repeat bottom center;
        }

        .z_zr_swiper li .tit {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 15px 20px;
            box-sizing: border-box;
            color: #fff;
            font-weight: bold;
            font-size: 1.25vw;
        }

.z_retop {
    width: 48px;
    height: 48px;
    background: url(../images/top.png) no-repeat center;
    background-size: cover;
    cursor: pointer;
    z-index: 5;
    border-radius: 50%;
    position: fixed;
    right: 2.6vw;
    bottom: 15px;
}

    .z_retop::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #00C9A1;
        opacity: 0.3;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        z-index: -1;
        animation: consult2 linear 2s infinite;
    }

.funnyNewsTicker {
    width: 100%;
    height: 500px !important;
    position: relative;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 1;
}

    .funnyNewsTicker > ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        position: relative;
    }

        .funnyNewsTicker > ul > li {
            display: none;
            width: 100%;
            height: 100px;
            background: #FFF;
            position: absolute;
            overflow: hidden;
        }

            .funnyNewsTicker > ul > li > .fnt-content {
                position: absolute;
                display: flex;
                align-items: flex-start;
                top: 0;
                bottom: 30px;
                left: 0;
                right: 0;
                box-sizing: border-box;
                padding: 5%;
                overflow: hidden;
            }

.fnt-content .z_year {
    flex-shrink: 0;
    width: 20%;
}

.fnt-content .z_year {
    width: 200px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 24px;
}

.z_honor_swiper li .z_year2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    transform: scale(0.8);
    transform-origin: left center;
}

.fnt-content .con {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    height: 144px;
    overflow-y: hidden;
}

    .fnt-content .con:hover {
        overflow-y: auto;
    }

.fnt-content .iconfont {
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
}

.z_honor_warps {
    width: 900px;
    margin: 0 auto;
    margin-top: 4vw;
}

.funnyNewsTicker .fnt-top0 {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 0;
    z-index: 1;
    display: block;
}

.funnyNewsTicker .fnt-top1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
    top: 35px;
    z-index: 2;
    display: block;
}

.funnyNewsTicker .fnt-top2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 70px;
    z-index: 3;
    display: block;
}

.funnyNewsTicker .fnt-active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: 105px;
    z-index: 10;
    display: block;
    box-shadow: 3px 17px 21px 0px rgba(0, 0, 0, 0.04);
}

.funnyNewsTicker .fnt-bottom2 {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0.95;
    top: 140px;
    z-index: 6;
    display: block;
}

.funnyNewsTicker .fnt-bottom1 {
    -ms-transform: scale(0.87);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
    top: 170px;
    z-index: 5;
    display: block;
}

.funnyNewsTicker .fnt-bottom0 {
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.85;
    top: 200px;
    z-index: 4;
    display: block;
}

.fnt-top-arrow,
.fnt-bottom-arrow {
    width: 54px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    transition: ease 1s;
    outline: none;
    display: block;
    text-align: center;
    line-height: 54px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.fnt-top-arrow {
    position: absolute;
    left: -10vw !important;
}

.fnt-bottom-arrow {
    position: absolute;
    right: -10vw !important;
    left: auto !important;
}

    .fnt-top-arrow:hover,
    .fnt-bottom-arrow:hover {
        background: #00C9A1;
        color: #fff;
    }

.fnt-easing2 {
    transition: 0.25s linear;
    -moz-transition: 0.25s linear;
    -webkit-transition: 0.25s linear;
}

.fnt-easing li {
    transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
}

.zwaves {
    width: 100%;
    height: 10vh;
    min-height: 200px;
    max-height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

    .parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

.z_hexin3 {
    padding: 7vw 12.5vw;
    background: #ececec url(../images/zadd1.jpg) no-repeat bottom center;
    background-size: 100% auto;
    box-sizing: border-box;
}

.z_hexin3_warp {
    height: 26.97916vw;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 6vw;
}

    .z_hexin3_warp .z_conbox {
        width: 14.73958vw;
        height: 14.73958vw;
        border: 0px solid #050001;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        background: url(../images/zadd2.png) no-repeat center;
        background-size: cover;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        text-align: center;
        padding: 1vw;
    }

.z_zh_warp::before {
    content: "";
    display: block;
    background: url(../images/zadd3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: animtran 20s linear infinite;
}

.z_zh_warp {
    width: 19.27083vw;
    height: 19.27083vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.z_zhlogo li {
    display: block;
    width: 6vw;
    height: 6vw;
    position: absolute;
    animation: spin2 6s infinite linear;
    transform-origin: 40% 40%;
}

    .z_zhlogo li .box {
        background: #fff;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        box-sizing: border-box;
        box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05);
        border-radius: 50%;
        overflow: hidden;
    }

    .z_zhlogo li img {
        max-width: 100%;
        max-height: 100%;
        animation: spin-reverse2 6s infinite linear;
    }

    .z_zhlogo li:nth-child(5n-1) {
        animation: spin 9s infinite linear;
    }

        .z_zhlogo li:nth-child(5n-1) img {
            animation: spin-reverse 9s infinite linear;
        }

    .z_zhlogo li:nth-child(5n-2) {
        animation: spin2 5s infinite linear;
    }

        .z_zhlogo li:nth-child(5n-2) img {
            animation: spin-reverse2 5s infinite linear;
        }

    .z_zhlogo li:nth-child(5n-3) {
        animation: spin 7s infinite linear;
    }

        .z_zhlogo li:nth-child(5n-3) img {
            animation: spin-reverse 7s infinite linear;
        }

    .z_zhlogo li:nth-child(5n-4) {
        animation: spin2 6s infinite linear;
    }

        .z_zhlogo li:nth-child(5n-4) img {
            animation: spin-reverse2 6s infinite linear;
        }

    .z_zhlogo li:nth-child(5n) {
        animation: spin 8s infinite linear;
    }

        .z_zhlogo li:nth-child(5n) img {
            animation: spin-reverse 8s infinite linear;
        }

    .z_zhlogo li.c1 {
        left: 27.08333vw;
        top: 3vw;
        width: 5.2vw;
        height: 5.2vw;
    }

    .z_zhlogo li.c2 {
        left: 20.3125vw;
        top: 11vw;
        width: 5.72916vw;
        height: 5.72916vw;
    }

    .z_zhlogo li.c3 {
        left: 20.3125vw;
        bottom: 10vw;
        width: 5vw;
        height: 5vw;
    }

    .z_zhlogo li.c4 {
        left: 27.08333vw;
        bottom: 3vw;
    }

    .z_zhlogo li.c5 {
        right: 27.08333vw;
        bottom: 3vw;
        width: 5.2vw;
        height: 5.2vw;
    }

    .z_zhlogo li.c6 {
        right: 20.3125vw;
        bottom: 10vw;
        width: 4.89583vw;
        height: 4.89583vw;
    }

    .z_zhlogo li.c7 {
        right: 20.3125vw;
        top: 11vw;
    }

    .z_zhlogo li.c8 {
        right: 27.08333vw;
        top: 3vw;
    }

    .z_zhlogo li.c9 {
        right: 17.70833vw;
        top: 1vw;
        width: 5.2vw;
        height: 5.2vw;
    }

    .z_zhlogo li.c10 {
        right: 12.5vw;
        top: 9vw;
        width: 5vw;
        height: 5vw;
    }

    .z_zhlogo li.c11 {
        right: 11.97916vw;
        bottom: 12vw;
        width: 6.25vw;
        height: 6.25vw;
    }

    .z_zhlogo li.c12 {
        right: 15vw;
        bottom: 5vw;
        width: 4.6vw;
        height: 4.6vw;
    }

    .z_zhlogo li.c13 {
        left: 17.70833vw;
        top: 1vw;
        width: 5.8vw;
        height: 5.8vw;
    }

    .z_zhlogo li.c14 {
        left: 12.5vw;
        top: 9vw;
        width: 4.8vw;
        height: 4.8vw;
    }

    .z_zhlogo li.c15 {
        left: 11.97916vw;
        bottom: 12vw;
    }

    .z_zhlogo li.c16 {
        left: 15vw;
        bottom: 3vw;
        width: 5vw;
        height: 5vw;
    }

    .z_zhlogo li.c17 {
        left: 3.5vw;
        top: 6vw;
    }

    .z_zhlogo li.c18 {
        left: 6vw;
        top: 15vw;
        width: 4vw;
        height: 4vw;
    }

    .z_zhlogo li.c19 {
        left: 0vw;
        bottom: 12vw;
        width: 5vw;
        height: 5vw;
    }

    .z_zhlogo li.c20 {
        left: 6vw;
        bottom: 5vw;
        width: 5.7vw;
        height: 5.7vw;
    }

    .z_zhlogo li.c21 {
        right: 3.5vw;
        top: 6vw;
    }

    .z_zhlogo li.c22 {
        right: 6vw;
        top: 15vw;
        width: 4vw;
        height: 4vw;
    }

    .z_zhlogo li.c23 {
        right: 0vw;
        bottom: 12vw;
        width: 5vw;
        height: 5vw;
    }

    .z_zhlogo li.c24 {
        right: 6vw;
        bottom: 5vw;
        width: 5.7vw;
        height: 5.7vw;
    }

    .z_zhlogo li.c25 {
        right: 8vw;
        top: 0vw;
        width: 5.7vw;
        height: 5.7vw;
    }

    .z_zhlogo li.c26 {
        right: -2vw;
        top: 12vw;
        width: 4.6vw;
        height: 4.6vw;
    }

    .z_zhlogo li.c27 {
        left: -2vw;
        top: 12vw;
        width: 4.6vw;
        height: 4.6vw;
    }

    .z_zhlogo li.c28 {
        left: 8vw;
        top: 0vw;
        width: 5.7vw;
        height: 5.7vw;
    }

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn);
    }
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn);
    }
}

.z_hexin4 {
    padding: 7vw 0;
    background: #f2f3f7;
}

    .z_hexin4 .z_index_tit .desc {
        margin-top: 1.5vw;
        font-size: 16px;
        line-height: 24px;
        color: #333;
    }

.z_hx_span {
    margin: 60px 0;
}

    .z_hx_span a {
        display: inline-block;
        height: 36px;
        margin-bottom: 10px;
        background: #1D4DC4;
        border: 0px solid #050001;
        border-radius: 18px;
        line-height: 36px;
        color: #fff;
        padding: 0 20px;
        margin-right: 10px;
    }

.z_hexin4 .z-container {
    width: 1200px;
}

.z_hx4_list {
    width: 41.66666%;
    float: left;
    border-top: 1px solid #8C8C8C;
}

    .z_hx4_list li a {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        position: relative;
        padding-left: 26px;
        box-sizing: border-box;
    }

        .z_hx4_list li a::before {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            background: #8C8C8C;
            z-index: 1;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .z_hx4_list li {
        border-bottom: 1px solid #8C8C8C;
    }

        .z_hx4_list li:hover a {
            color: #1D4DC4;
        }

            .z_hx4_list li:hover a::before {
                background: #1D4DC4;
            }

.z_hx4_logo {
    width: 49.75%;
    padding: 20px 0;
    overflow: hidden;
    float: right;
    background: #FFFFFF;
    box-shadow: 0px 15px 30px 0px rgba(0, 7, 22, 0.05);
    border-radius: 20px;
}

    .z_hx4_logo li {
        width: 50%;
        height: 70px;
        padding: 5px 0;
        display: flex;
        align-items: center;
        float: left;
        padding-left: 2vw;
        box-sizing: border-box;
    }

        .z_hx4_logo li img {
            display: block;
            max-height: 100%;
            max-width: 80%;
        }

/*add*/
.z_video_pop {
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: ease 1s;
    visibility: hidden;
}

    .z_video_pop.on {
        opacity: 1;
        visibility: visible;
    }

    .z_video_pop .close_btn {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }

        .z_video_pop .close_btn .iconfont {
            font-size: 24px;
        }

#zvideo {
    width: 100%;
    max-height: 100%;
}

.z_video_pop .warp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}

.z_other_banner .playbtn {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #00C9A1;
    z-index: 2;
    cursor: pointer;
    outline: none;
}

    .z_other_banner .playbtn.iconfont {
        font-size: 5vw;
    }

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.f36 {
    font-size: 36px;
}

.f22 {
    font-size: 22px;
}

.f18 {
    font-size: 18px;
}

.f16 {
    font-size: 16px;
}

.fc {
    text-align: center;
}

.w80 {
    width: 80%;
    margin: 0 auto;
}

.por {
    position: relative;
}

.imgw {
    width: 100%;
    display: block;
}

.c666 {
    color: #666666;
}

.bgfff {
    background-color: #FFFFFF;
}

.bgF8F9FB {
    background-color: #F8F9FB;
}

.add-about-one {
    padding: 6vw 0 1vw 0;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    color: #FFFFFF;
}

    .add-about-one #particles-js {
        position: fixed;
        z-index: 1;
    }

.about-one-desc {
    padding-bottom: 1.5vw;
}

.about-one-list {
    width: 70%;
    margin: 2.5vw auto 0;
    display: flex;
    justify-content: center;
    justify-content: space-between;
}

    .about-one-list li {
        text-align: center;
    }

    .about-one-list .timer {
        font-size: 3.125vw;
        font-family: Arial;
        font-weight: bold;
        vertical-align: top;
        display: inline-block;
        margin-right: 10px;
        line-height: 1.2;
    }

    .about-one-list h3 {
        font-size: 1.5625vw;
        font-family: Arial;
        font-weight: bold;
        min-width: 8vw;
        line-height: 1.4;
    }

.add-about-two {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 5vw 0;
    position: relative;
    color: #FFFFFF;
    margin-top: -1px;
    z-index: 3;
}

.about-two-desc .t {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 8px;
}

    .about-two-desc .t span {
        position: relative;
        padding: 0 26px;
    }

        .about-two-desc .t span::before,
        .about-two-desc .t span::after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: 2px;
            width: 100%;
        }

        .about-two-desc .t span::before {
            left: 100%;
            background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
            background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
        }

        .about-two-desc .t span::after {
            right: 100%;
            background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
            background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
        }

.about-two-desc .c {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 3vw;
}

.add-about-three {
    padding: 5vw 0 4vw 0;
    /* background: rgba(0, 201, 161, .05) url(../images/bg02.png) no-repeat; */
    /* background-position: center bottom; */
}

.add-history {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3.33%;
    margin-top: 20px;
}

    .add-history li {
        position: relative;
        width: 30%;
        margin-left: 3.33%;
        /* background: -webkit-linear-gradient(#FFFFFF, #d9e8fe);
  background: linear-gradient(#FFFFFF, #d9e8fe); */
        background: #fff;
        box-shadow: 0 8px 20px rgba(33, 122, 241, 0.1);
        border-radius: 1vw;
        transition: 0.5s;
        background-size: 200%;
    }

        .add-history li .addone-history {
            transition: 0.5s;
        }

        .add-history li:hover {
            opacity: 1;
            visibility: visible;
            transform: scale(1.08);
            transition: 0.5s;
            border-radius: 1vw 10vw 1vw 10vw;
        }

.add-history2 li:hover {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: 0.5s;
}



.addone-history {
    padding: 15% 0;
    text-align: center;
    margin: 0;
    transition: 0.5s;
}

    .addone-history .z_dot span {
        width: 4px;
        height: 50px;
        background: #d0e1fe;
        display: block;
        margin: 0 auto;
        opacity: .5;
        border-radius: 10px;
    }

    .addone-history .title {
        font-size: 3.8125vw;
        text-transform: uppercase;
        color: #d0e1fe;
        opacity: .35;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.1;
        letter-spacing: 10px;
        background-image: -webkit-linear-gradient(bottom, #fff, #d0e1fe);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .addone-history .c {
        font-size: 34px;
        color: #00C9A1;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1.5;
        margin-top: -3.2vw;
        position: relative;
        z-index: 999;
        /* background-image: -webkit-linear-gradient(left, #00C9A1, #2A6AB2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
    }

    .addone-history .desc {
        margin-top: 1vw;
        font-size: 1.354vw;
        color: #333333;
        line-height: 2;
    }

.addtwo-history {
    /* position: absolute;
  left: 0;
  top: 0; */
    width: 100%;
    /* background: #ccc url(../images/add1.png) no-repeat scroll center bottom;
  background-size: cover; */
    display: flex;
    flex-direction: column;
    min-height: 110%;
    transition: 0.4s;
    opacity: 1;
    /* visibility: hidden; */
    transform: scale(1);
}

.add-history2 .addtwo-history {
    background: #fff;
    border-radius: 20px 20px 0 0;
}

.addtwo-history .title {
    display: flex;
    padding: 15px 20px;
    background-color: #00C9A1;
    color: #FFFFFF;
    align-items: center;
    border-radius: 20px 20px 0 0;
}

.addtwo-history .num {
    font-size: 2vw;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
}

.addtwo-history .type {
    padding-left: 5px;
    flex: 1;
    line-height: 1.5;
}

.addtwo-history .desc {
    flex: 1;
    padding: 4vw 8%;
}

.addtwo-history .t {
    border-radius: 20px;
    padding: 8px 20px;
    border: 1px solid #859bf4;
    background-color: #d0e1fe;
}

.addtwo-history .c {
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.5;
    margin: 8px 0 18px;
}

.add-about-for {
    position: relative;
    z-index: 2;
    padding: 9vw 0 8vw;
}

.z_index_tit .add-desc {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin-top: 1.5vw;
}

.add-about-five {
    position: relative;
    z-index: 1;
    padding: 5vw 0;
    background-position: center;
    background-size: cover;
}

    .add-about-five .z_hexin3_warp {
        margin-top: 25px;
    }

.add-about-six {
    position: relative;
    z-index: 1;
    padding: 5vw 0;
    background-position: center;
}

.add-honor-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -3%;
}

    .add-honor-list li {
        width: 30.33%;
        margin-left: 3%;
        margin-top: 2vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .add-honor-list .t {
        line-height: 1.5;
        font-weight: bold;
        color: #1E1E1E;
        padding: 0 10px;
        flex: 1;
        text-align: center;
        font-size: 1.145vw;
    }

    .add-honor-list .bol,
    .add-honor-list .bor {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 34px;
        height: 71px;
    }

    .add-honor-list .bol {
        background-image: url(../images/addho1.png);
    }

    .add-honor-list .bor {
        background-image: url(../images/addho2.png);
    }

.about-one-desc {
    /* display: flex;
  justify-content: space-between;
  align-items: center; */
}

    .about-one-desc video {
        margin: 2vw 0;
    }

    .about-one-desc p {
        line-height: 35px;
        text-indent: 2em;
        font-size: 18px;
    }


.add-history2 .addtwo-history .desc {
    flex: 1;
    padding: 2vw;
}

.add-history2 li:last-child .addtwo-history .desc {
    overflow-y: scroll;
}

.add-history2 li {
    width: 31%;
    margin-left: 2.33%;
    background: none;
    box-shadow: none;
}

    .add-history2 li:first-child {
        width: 15%;
    }

    .add-history2 li:nth-child(2) {
        width: 28%;
    }

    .add-history2 li:last-child {
        width: 50%;
    }


.add-history li:hover .addtwo-history {
    opacity: 1;
    visibility: visible;
    /* margin-top: -15px; */
}

.add-history2 .addtwo-history {
    height: 450px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.25);
    /* overflow-y: scroll; */
}

.addtwo-history2 .desc {
    flex: 1;
    padding: 2vw;
}

.add-honor-img {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 2vw;
}

    .add-honor-img li {
        width: 22.33%;
        margin: 2% 1% 0;
    }

.add-padding1 {
    padding: 6.25vw 0;
}

.add-honor-img li p {
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

    .add-honor-img li p span {
        background-repeat: no-repeat;
        background-size: 65%;
        background-position: center center;
        display: block;
        width: 34px;
        height: 71px;
    }

    .add-honor-img li p .bol {
        background-image: url(../images/addho1.png);
    }

    .add-honor-img li p .bor {
        background-image: url(../images/addho2.png);
    }

.add-w1244 {
    width: 1244px;
    margin: 0 auto;
}

.mt100 {
    margin-top: 6.2vw;
}

.mt50 {
    margin-top: 2.5vw;
}

.mt20 {
    margin-top: 0.8vw;
}

.add-business-desc {
    margin-bottom: -1px;
}

.add-ts-desc {
    width: 88%;
    border-radius: 20px;
    background: -webkit-linear-gradient(45deg, #3264DD, #00C9A1);
    background: -o-linear-gradient(45deg, #3264DD, #00C9A1);
    background: -moz-linear-gradient(45deg, #3264DD, #00C9A1);
    background: -ms-linear-gradient(45deg, #3264DD, #00C9A1);
    background: linear-gradient(45deg, #3264DD, #00C9A1);
    margin: 0 auto;
    padding: 3% 8%;
    color: #FFFFFF;
    font-size: 15px;
}

    .add-ts-desc h4 {
        font-size: 24px;
        font-weight: bold;
    }

.add-ts-list {
    position: relative;
    width: 88%;
    padding-bottom: 4vw;
    margin: 0 auto 50px;
}

    .add-ts-list::before {
        content: "";
        position: absolute;
        top: 5%;
        width: 12px;
        left: 50%;
        margin-left: -6px;
        height: 95%;
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #00C9A1);
        background: linear-gradient(rgba(255, 255, 255, 0), #00C9A1);
    }

    .add-ts-list::after {
        content: "";
        position: absolute;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 22px solid #00C9A1;
        left: 50%;
        transform: translateX(-50%);
        top: 99%;
    }

    .add-ts-list li {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .add-ts-list li:nth-child(odd) {
            flex-direction: row-reverse;
        }

            .add-ts-list li:nth-child(odd) .desc::before {
                background-image: url(../images/ad_yuan.png);
            }

    .add-ts-list .desc {
        border-radius: 20px;
        width: 45.4%;
        padding: 3% 5%;
        position: relative;
        overflow: hidden;
        filter: drop-shadow(0 5px 10px rgba(102, 102, 102, 0.15));
    }

        .add-ts-list .desc::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -1;
            background: url(../images/ad_yuan2.png) no-repeat scroll center center;
            background-size: 100% auto;
        }

        .add-ts-list .desc img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: fill;
            pointer-events: none;
            z-index: -1;
            display: none;
        }

    .add-ts-list .year {
        position: relative;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #00C9A1;
        font-size: 26px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        border: 2px solid rgba(45, 79, 226, 0.2);
        background-color: #FFFFFF;
    }

        .add-ts-list .year::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-shadow: 0 10px 20px rgba(102, 102, 102, 0.15);
            background-color: #FFFFFF;
            transform: scale(1.2);
            pointer-events: none;
        }

    .add-ts-list .t {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.4;
        padding-bottom: 10px;
        margin-bottom: 15px;
        position: relative;
        color: #00C9A1;
    }

        .add-ts-list .t span {
            color: #1e1e1e;
        }

        .add-ts-list .t::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 74px;
            height: 5px;
            background: -webkit-linear-gradient(to right, #00C9A1, rgba(255, 255, 255, 0));
            background: linear-gradient(to right, #00C9A1, rgba(255, 255, 255, 0));
        }

.add-btnMore {
    width: 160px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 58px;
    background: -webkit-linear-gradient(to right, #3264DD, #00C9A1);
    background: linear-gradient(to right, #3264DD, #00C9A1);
    color: #fff;
    padding: 0 25px;
    font-size: 15px;
    transition: 0.3s;
    margin: 0 auto;
}

    .add-btnMore .icon {
        transition: 0.3s;
    }

    .add-btnMore:hover {
        background-color: #00C9A1;
    }

        .add-btnMore:hover .icon {
            transform: translateX(10px);
        }

.c1e {
    color: #1E1E1E;
}

.lh15 {
    line-height: 1.5;
}

.add-jc-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

    .add-jc-box .imgbox {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

        .add-jc-box .imgbox::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.13);
            z-index: 1;
            pointer-events: none;
        }

        .add-jc-box .imgbox img {
            transition: 0.3s;
        }

.add-jc-list {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    color: #FFFFFF;
    z-index: 2;
}

    .add-jc-list li {
        width: 50%;
        padding: 15% 8% 5%;
        position: relative;
    }

        .add-jc-list li:hover::before {
            opacity: 0;
        }

        .add-jc-list li:hover::after {
            height: 100%;
        }

        .add-jc-list li::before,
        .add-jc-list li::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: -webkit-linear-gradient(rgba(7, 54, 168, 0), rgba(0,0,0,.7));
            background: linear-gradient(rgba(7, 54, 168, 0), rgba(0,0,0,.7));
        }

        .add-jc-list li::before {
            transition: 0.3s;
        }

        .add-jc-list li::after {
            transition: 0.5s;
            height: 0;
            background: -webkit-linear-gradient(rgba(7, 54, 168, 0), #00C9A1);
            background: linear-gradient(rgba(7, 54, 168, 0), #00C9A1);
        }

    .add-jc-list .t {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 15px;
    }

.add-logo-list {
    display: flex;
    flex-wrap: wrap;
}

    .add-logo-list a {
        position: relative;
        margin: 2vw 1% 0;
        box-shadow: 0 10px 20px rgba(127, 154, 217, 0.15);
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 22%;
    }

        .add-logo-list a img {
            max-width: 100%;
            display: block;
        }

.flex-ce {
    justify-content: center;
}

.add-pt-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

    .add-pt-img .swiper-pag {
        position: absolute;
        bottom: 5%;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 100;
    }

        .add-pt-img .swiper-pag .swiper-pagination-bullet {
            background-color: #fff;
            margin: 0 8px;
        }

.add-pt-list {
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
}

    .add-pt-list li {
        width: 50%;
        padding: 40px 8%;
        position: relative;
        z-index: 1;
    }

        .add-pt-list li::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background-color: #00C9A1;
            transition: 0.5s;
            opacity: 0;
        }

        .add-pt-list li.active::before {
            opacity: 1;
        }

        .add-pt-list li.active .t,
        .add-pt-list li.active .c,
        .add-pt-list li.active .more {
            color: #FFFFFF;
        }

        .add-pt-list li.active .bor {
            opacity: 1;
            visibility: visible;
        }

    .add-pt-list .t {
        font-weight: bold;
        color: #1E1E1E;
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 10px;
        text-align: center;
    }

    .add-pt-list .c {
        font-size: 16px;
        color: #666666;
        text-align: center;
    }

        .add-pt-list .c a {
            font-size: 14px;
            color: #999;
            text-align: center;
        }

            .add-pt-list .c a:hover {
                text-decoration: underline;
            }

    .add-pt-list .bot {
        margin-top: 15px;
    }

    .add-pt-list .bor {
        position: absolute;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 18px solid #00C9A1;
        left: 50%;
        transform: translateX(-50%);
        bottom: 100%;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    .add-pt-list .more {
        font-size: 15px;
        display: inline-flex;
        align-items: center;
    }

        .add-pt-list .more .icon {
            margin-left: 25px;
            transition: 0.3s;
        }

        .add-pt-list .more:hover .icon {
            transform: translateX(10px);
        }

.add-yingyong-box {
    display: flex;
    align-items: center;
}

    .add-yingyong-box .imgBox {
        width: 65%;
        margin-right: 5%;
    }

    .add-yingyong-box .desc {
        flex: 1;
    }

    .add-yingyong-box .t {
        font-size: 30px;
        line-height: 1.5;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .add-yingyong-box .c {
        font-size: 22px;
    }

    .add-yingyong-box .add-btnMore {
        margin: 0;
    }

.add-zhili-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 5vw;
}

    .add-zhili-nav li {
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 20px 0;
        border-radius: 10px;
    }

        .add-zhili-nav li::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            transition: 0.5s;
            width: 0;
            background-color: #00C9A1;
            z-index: 1;
        }

    .add-zhili-nav .active::before {
        width: 100%;
    }

    .add-zhili-nav .active .txt {
        color: #00C9A1;
    }

    .add-zhili-nav .active .more {
        color: #00C9A1;
    }

    .add-zhili-nav .ico {
        width: 30px;
        position: relative;
        margin-right: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .add-zhili-nav .ico img {
            max-width: 100%;
        }

    .add-zhili-nav .t {
        font-weight: bold;
    }

    .add-zhili-nav .txt a {
        color: #666666;
    }

        .add-zhili-nav .txt a:hover {
            color: #00C9A1;
        }

.add-zhili-demo {
    position: relative;
    margin-top: 5vw;
    overflow: hidden;
}

    .add-zhili-demo.active {
        animation: fadeInRight2 0.8s forwards;
    }

    .add-zhili-demo .bot {
        display: none;
    }

.add-zlitem1 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

    .add-zlitem1 .pageC {
        flex: 1;
        margin-right: 4%;
    }

    .add-zlitem1 .imgBox {
        width: 59%;
    }

.add-zj-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

    .add-zj-list li {
        width: 49%;
        margin-left: 1%;
        margin-bottom: 2%;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .add-zj-list .txt {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 2.5vw 5% 1.1vw;
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.65));
        color: #FFFFFF;
        text-align: center;
    }

.add-zj-list2 {
    margin-left: 0;
    display: block;
}

    .add-zj-list2 li {
        margin-left: 0;
        width: auto;
    }

.add-jjfa-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-jjfa-nav {
    width: 36%;
}

    .add-jjfa-nav li {
        display: flex;
        cursor: pointer;
        align-items: flex-start;
        margin-bottom: 1vw;
        padding-bottom: 1vw;
        border-bottom: 1px solid #eee;
    }

        .add-jjfa-nav li:hover .t {
            color: #00C9A1;
        }

    .add-jjfa-nav .ico {
        width: 40px;
        position: relative;
        margin-right: 4%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: height 0.3s;
        opacity: 0;
        visibility: hidden;
        line-height: 1;
        height: 0;
    }

        .add-jjfa-nav .ico img {
            max-width: 100%;
        }

    .add-jjfa-nav .t {
        line-height: 1.4;
        padding-top: 0.5vw;
        font-weight: bold;
        transition: height 0.3s;
        margin-bottom: 8px;
    }
 .add-jjfa-nav .t .iconfont{font-weight: 100;
    font-size: 30px;
    vertical-align: middle;color:#ABC0E1;
}
    .add-jjfa-nav .c {
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .add-jjfa-nav .c,
    .add-jjfa-nav .more {
        transition: height 0.3s;
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

    .add-jjfa-nav .txt {
        flex: 1;
    }

        .add-jjfa-nav .txt a {
            color: #00C9A1;
        }

            .add-jjfa-nav .txt a:hover {
                text-decoration: underline;
            }

    .add-jjfa-nav .active .t, .add-jjfa-nav .active .t .iconfont{
        color: #00C9A1;
    }

    .add-jjfa-nav .active .ico,
    .add-jjfa-nav .active .c,
    .add-jjfa-nav .active .more {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

.add-jjfa-demo {
    position: relative;
    overflow: hidden;
    margin-left: 3%;
}

    .add-jjfa-demo.active {
        animation: fadeInRight2 0.8s forwards;
    }

    .add-jjfa-demo .imgBox {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 100%;
    }

        .add-jjfa-demo .imgBox img {
            max-width: 100%;
        }

.add-arrow {
    position: absolute;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%);
    color: #FFFFFF;
    font-size: 16px;
}

    .add-arrow .ico {
        width: 17px;
        margin: 10px auto 0;
    }

        .add-arrow .ico img {
            -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
            animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
        }

@keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }

    33% {
        opacity: 1;
    }

    to {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0;
    }
}

.history_line {
    position: relative;
}

.history-swiper {
    display: flex;
    overflow: hidden;
    padding: 5vw 0 1vw 0;
    margin: 0 10%;
}

.history_line:before {
    position: absolute;
    left: 0;
    top: 10.4vw;
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .5);
    z-index: -1;
}


.history-swiper .swiper-slide {
    text-align: left;
}

    .history-swiper .swiper-slide time {
        display: block;
        margin-bottom: 2.4vw;
        color: #fff;
        font-size: 16px;
        font-family: "OPPOSans";
        transition: 0.35s;
    }

    .history-swiper .swiper-slide b {
        display: block;
        position: relative;
        z-index: 3;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        transition: 0.35s;
    }

        .history-swiper .swiper-slide b:before {
            position: absolute;
            left: 0;
            top: 0;
            content: "";
            width: 100%;
            height: 100%;
            z-index: -1;
            border-radius: 50%;
            background: rgba(191, 191, 191, 0.33);
            transition: 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
        }

        .history-swiper .swiper-slide b i {
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -9px;
            margin-top: -9px;
            width: 16px;
            height: 16px;
            border: 1px solid #BFBFBF;
            border-radius: 50%;
            transition: 0.3s;
        }

            .history-swiper .swiper-slide b i:before {
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -4px;
                margin-top: -4px;
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #fff;
                transition: 0.3s;
            }

    .history-swiper .swiper-slide h2 {
        font-size: 16px;
        margin-top: 2vw;
        margin-bottom: 2vw;
        line-height: 2vw;
        color: #fff;
    }

    .history-swiper .swiper-slide p {
        font-size: 16px;
        color: rgba(255, 255, 255, .8);
    }

.history-swiper {
    --swiper-theme-color: #00C9A1;
}


    .history-swiper .swiper-slide:hover time,
    .history-swiper .swiper-slide:hover h2 {
        color: #00C9A1;
        cursor: pointer;
    }

    .history-swiper .swiper-slide:hover b:before {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        background: rgba(0, 201, 161, 0.33);
    }

    .history-swiper .swiper-slide:hover b i {
        border-color: #00C9A1;
    }

        .history-swiper .swiper-slide:hover b i:before {
            background: #00C9A1;
        }

    .history-swiper .swiper-button-prev,
    .history-swiper .swiper-rtl .swiper-button-next {
        left: 2%;
    }

    .history-swiper .swiper-button-next,
    .history-swiper .swiper-button-prev {
        top: 10.4vw;
    }

    .history-swiper .swiper-button-next,
    .history-swiper .swiper-rtl .swiper-button-prev {
        right: 2%;
    }

.qyzz-swiper {
    overflow: hidden;
    padding: 3vw 0 0 0;
}

    .qyzz-swiper .swiper-slide img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }


    .qyzz-swiper .swiper-slide p {
        text-align: center;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }

        .qyzz-swiper .swiper-slide p span {
            background-repeat: no-repeat;
            background-size: 65%;
            background-position: center center;
            display: block;
            width: 34px;
            height: 71px;
        }

        .qyzz-swiper .swiper-slide p .bol {
            background-image: url(../images/addho1.png);
        }

        .qyzz-swiper .swiper-slide p .bor {
            background-image: url(../images/addho2.png);
        }

.contact {
    width: 1200px;
    margin: 0 auto;
    padding: 6vw 0;
}

    .contact dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .contact dl dt {
            width: 58%;
            border-radius: 10px 0 0 10px;
        }

            .contact dl dt img {
                width: 100%;
                border-radius: 10px 0 0 10px;
            }

        .contact dl dd {
            width: 42%;
            padding: 5%;
            background: #fff url(../images/logo0.png) no-repeat right top;
            background-size: 30%;
            border-radius: 10px;
            box-shadow: 0px 0px 20px rgba(33, 122, 241, 0.1);
        }

            .contact dl dd h1 {
                font-size: 1.6vw;
                font-weight: bold;
                margin-bottom: 15px;
                background-image: -webkit-linear-gradient(left, #00C9A1, #2A6AB2);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .contact dl dd .p1 {
                font-size: 14px;
                color: #666;
                border-bottom: 1px solid #dedede;
                padding-bottom: .5vw;
                margin-bottom: .8vw;
                display: flex;
                align-items: center;
            }

                .contact dl dd .p1 .iconfont {
                    margin-right: 3px;
                    font-size: 16px;
                    color: #00C9A1;
                }

            .contact dl dd .p2 {
                font-size: 1.2vw;
                font-family: Arial;
                color: #333;
                font-weight: bold;
                display: block;
                line-height: 35px;
            }


            .contact dl dd .p3 {
                font-size: 14px;
                color: #999;
                font-family: "NotoSansHans";
                margin-top: 10px;
            }

.gjewm {
    width: 1200px;
    margin: 0 auto;
}

.gjewm_wrap {
    padding: 6vw 0;
    background: #F5F5F6 url(../images/bg02.png) no-repeat center bottom;
}

.gjewm ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .gjewm ul li {
        border: 1px solid #00C9A1;
        background: rgba(0, 201, 161, .05);
        width: 31%;
        padding: 2vw 0;
        transition: all .5s;
    }


        .gjewm ul li a {
            display: block;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 1vw;
        }

        .gjewm ul li img {
            width: 55%;
            display: block;
            margin: 0 auto;
        }

        .gjewm ul li span {
            display: block;
            color: #999;
            text-align: center;
            margin-top: 10px;
        }

        .gjewm ul li:hover {
            transition: all .5s;
            background: #00C9A1;
            border: 1px solid #00C9A1;
            border-radius: 15px;
            margin-top: -15px;
            cursor: pointer;
            box-shadow: 0px 10px 15px rgba(33, 122, 241, 0.1);
        }

            .gjewm ul li:hover a,
            .gjewm ul li:hover span {
                color: #fff;
            }

.z_index_jt {
  height: auto;
  padding: 6vw 7.3vw;
}

.z_index_tit2 h3 {
  color: #333;
}

.san {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4vw;
}

.san a {
  display: inline-block;
  width: 31%;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 15px 20px rgba(0, 201, 161, .1);
}

.san a img {
  width: 100%;
  border-radius: 10px;
  transition: all .5s;
}

.san a:hover img {
  transform: scale(1.05);

}

.san a h1 {
  position: absolute;
  left: 0px;
  bottom: 20px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 20px;
  transition: all .5s;
}

.san a:hover h1 {
  position: absolute;
  left: 0px;
  bottom: 30px;
  font-size: 22px;
}
#jtdw .z_dot .d1
{ background: rgba(0, 201, 161, 0.3);
}